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: $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