$router 重新定义和 Vue.use(Vuex) 应该只调用一次答案

【问题标题】：$router redefine and Vue.use(Vuex) should be called only once$router 重新定义和 Vue.use(Vuex) 应该只调用一次
【发布时间】：2023-03-29 16:05:01
【问题描述】：

我的项目由webpack模板创建！！;

npm 运行构建

网上也可以，但是vendor.js太大了！

修改 webpack 配置 webpack.prod.conf.js 添加这个：

externals: {
  'vue': 'Vue',
  'vee-router': 'VueRouter',
  'vuex': 'Vuex',
},

我将vue,vue-router,vuex 分开，通过 CDN 包含！喜欢：

html

<body>
  <div id="app"></div>
  <!-- built files will be auto injected -->
  <script src="https://unpkg.com/vue@2.3.4/dist/vue.js"></script>
  <script src="https://unpkg.com/vue-router@2.3.1/dist/vue-router.js"></script>
  <script src="https://unpkg.com/vuex@2.3.1"></script>
</body>

但是当我将文件上传到线路时，会出现一些问题：

vuex@2.3.1:667 [vuex] 已经安装。 Vue.use(Vuex) 应该是只调用一次。 vendor.js:24 未捕获类型错误：无法重新定义属性：$router 在 Function.defineProperty() 在 Function.v [安装时] (vendor.js:24) 在 Function.Vue.use (vue.js:4110) 在对象。 (vendor.js:24) 在 r (manifest.js:1) 在对象。 (app.js:1) 在 r (manifest.js:1) 在对象。 (app.js:1) 在 r (manifest.js:1) 在对象。 (app.js:1)

有人可以帮我吗？

【问题讨论】：

从其他来源添加脚本并不会真正影响下载的大小。您只是从不同的地方下载源代码。

标签： vue.js vuejs2 vue-router vuex

【解决方案1】：

如果你通过 CDN 加载 Vue 和 Vuex - 你不需要使用 Vue.use (...)

【讨论】：

是的，我做到了！刚改成CDN