问题

使用创建vue-router对象时候,控制台输出:vue_router__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor

import Vue from 'vue'
import Router from 'vue-router'
import SelectMain from '@/views/SelectMain'
import FirstTry from '@/views/FirstTry'

Vue.use(Router)
export default new Router({
    routes: [
        {
            path:"/selectM",
            component:SelectMain
        },
        { 
            path:"/chooseF",
            component:FirstTry
        }
    ]
})

分析

打开vue-router对应的moudle查看,确实已经没有对应的构造函数,那么就是引用的版本不对,据查看官网说明:

组件版本
vue2vue-router3
vue3vue-router4及以上

解决方法

卸载原本的vue-router,指定安装版本

npm uninstall vue-router
npm install vue-router@3
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐