Uncaught TypeError: vue_router__WEBPACK_IMPORTED_MODULE_1__.default is not a constructor(vue 报错)
使用webpack构建Vue单页面应用项目,项目运行时,浏览器报“Uncaught TypeError: WEBPACK_IMPORTED_MODULE_2__router.a is not a constructor”,组件中的内容也不能正常显示,<router-link :to="{path:'animal'}">to animal</router-link>也不能正常出现<a>标签的效果。因
·
报错样式:
情况一:
1.问题描述
使用webpack构建Vue单页面应用项目,项目运行时,浏览器报“Uncaught TypeError: WEBPACK_IMPORTED_MODULE_2__router.a is not a constructor”,组件中的内容也不能正常显示,<router-link :to="{path:'animal'}">to animal</router-link>也不能正常出现<a>标签的效果。页面时空白的。
main.js代码如下:
2.解决思路与方法
分析
VueRouter的引入不能使用npm安装时自带的
import VRouter from './router'
因为./表示当前src目录,目录下并没有router文件,所以webpack会找不到,所以会报错。
解决
将import VRouter from './router'改为import VRouter from 'vue-router'
import VRouter from 'vue-router'
修改之后,npm运行项目正常。
情况二:
vue-router 版本不对
你所建立的项目 是 vue2x ,但是却下载了 vue-router4x
而 vue-router4x 适用于 vue3x
所以你需要卸载 vue-router4x,重新下载 vue-router3x
卸载:
npm uninstall vue-router
安装:(3版本)
npm i vue-router@3
更多推荐
已为社区贡献1条内容
所有评论(0)