vue-cli 外部引入vue-router报错 Uncaught TypeError: Cannot redefine property: $router

在优化基于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