问题

使用创建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

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐