在优化基于vue-cli开发的vue项目中,把vue-router改成外部引入的时候,
配置参数:

  externals: {
    'vue': 'Vue',
    'vue-router':'VueRouter',
    'axios':'axios',
    "ElementUI": "element-ui",
    'babel-polyfill': 'window'
  },

console中提示

Uncaught TypeError: Cannot redefine property: $router

分析问题,研究了半天发现应该是在用vue-cli脚手架搭建环境的时候,默认配置安装了vue-router,
这样在用外部引入vue-router的时候造成了重复引用,导致了报错

解决方法:

npm uninstall vue-router --dev-save

版权声明:本文为李维亮博主的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://www.liweiliang.com/941.html

标签: vue

评论已关闭