在优化基于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 就可以了。

 

--------------------------------------------------------

工作中遇到这个问题了。

转载自:http://www.liweiliang.com/941.html

Logo

前往低代码交流专区

更多推荐