在 vue-cli 3 项目中使用带有 npm-link 的 vuex store 会丢失 $store

Question

我认为这是与将存储保存在 npm 链接文件夹中有关的配置问题。

1. 我创建了一个 vue-cli 3 项目并运行了“计数器”示例（来自 https://github.com/vuejs/vuex/tree/dev/examples/counter）
2. 工作：当我将 store.js 移动到 已安装 node_modules 包（并更新其导入网址）时，它会继续工作。
3. 中断：当我将 store.js 移动到 npm 链接 node_modules 包时，它会编译并且开发工具会找到商店，但 我得到一个空白屏幕和控制台错误: 属性或方法“$store”未在实例上定义，但在渲染期间被引用

如果我构建最小化的 js (npm run build)，它也可以与链接包一起正常工作。是否有我缺少的配置设置？

Answer 1

问题原来是链接的包有自己的 node_modules 文件夹。我认为这可能导致 webpack 创建了 2 个 Vue 实例并将链接的包附加到第二个实例。

删除依赖包的节点模块并让 webpack / vue-cli 在根级别运行解决了我的问题。