vue-cli 外部引入vue-router报错 Uncaught TypeError: Cannot redefine property: $router
在优化基于vue-cli开发的vue项目中,把vue-router改成外部引入的时候,配置参数:externals: {'vue': 'Vue','vue-router':'VueRouter','axios':'axios',},console中提示Uncaught TypeError: Cannot redefine property:...
·
在优化基于vue-cli开发的vue项目中,把vue-router改成外部引入的时候,
/build/webpack.base.conf.js配置参数:
externals: {
'vue': 'Vue',
'vue-router':'VueRouter',
'axios':'axios',
},
console中提示
Uncaught TypeError: Cannot redefine property: $router
分析问题,研究了半天发现应该是在用vue-cli脚手架搭建环境的时候,默认配置安装了vue-router,
这样在用外部引入vue-router的时候造成了重复引用,导致了报错
解决方法:
npm uninstall vue-router --dev-save
以上方法若不成功,删除package.json中的依赖vue-router
删除node_modules文件,重新 npm install 就可以了。
--------------------------------------------------------
工作中遇到这个问题了。
更多推荐
已为社区贡献26条内容
所有评论(0)