vue.js - 在 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 包(并更新其导入 url)时，它会继续工作。
3. 中断:当我将 store.js 移动到 npm 链接 node_modules 包时，它会编译并且开发工具会找到商店，但是我得到一个空白屏幕和控制台错误:属性或方法“$store”未在实例上定义，但在渲染期间被引用

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

Answer 1

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

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