Vuejs2 在electron vue项目中使用引导vue组件会导致数据属性更改错误

我正在做一个项目，我使用electron vue，为了让应用看起来更好，我使用bootstrap vue。经过大量调试后，我发现更改链接到引导组件的数据属性（在父组件中）有助于提高性能。它会给我错误消息，告诉我不要改变道具值，它们是只读的。在我看来，代码可以工作并执行，但在控制台中会给我带来很多错误。当我说它似乎可以工作时，我的意思是console.log和bootstrap组件上的可视化都可以正确地更改变量

在编写了大量测试用例之后，我发现更改数据属性不会产生错误。但是，当更改链接到引导组件的数据属性时，它会

下面的代码中显示了显示这些错误消息的测试用例：

上述代码将导致3个错误：

• $attrs是只读的
• $listeners是只读的
• 避免直接对道具进行变异，因为无论何时都会覆盖该值 父组件将重新渲染。相反，请使用数据或计算属性 基于道具的值。道具变异：“价值”

但该代码不会产生任何错误：

---

我曾尝试使用谷歌解决类似问题，并查看了electron vue和bootstrap vue的文档，但找不到任何对我有帮助的东西。有没有人遇到过同样的问题，或者有解决方法来消除这些错误？

因此，在经历了很多麻烦之后，我终于找到了避免所有这些警告和错误的方法。初始化项目时，我使用了以下命令：

$ npm install vue-cli -g
$ vue init simulatedgreg/electron-vue <<project-name>>

npm install vue-clie -g
vue create <<project-name>>
cd <<project-name>>
vue add electron-builder
npm install bootstrap-vue
npm install

$npm安装vue cli-g
$vue init模拟EDGREG/电子vue

建议使用vue cli重新初始化项目，并在之后添加electron插件（此人创建了一个快速项目，没有问题）。因此，在再次初始化项目时，我使用了以下命令：

$ npm install vue-cli -g
$ vue init simulatedgreg/electron-vue <<project-name>>

npm install vue-clie -g
vue create <<project-name>>
cd <<project-name>>
vue add electron-builder
npm install bootstrap-vue
npm install

npm安装vue clie-g
vue创建
光盘
添加电子生成器
npm安装引导vue
npm安装

如果我没记错的话，这些都是您所需要的npm安装命令，但是如果您得到一个缺少包的错误，只需使用npm安装来安装它

现在，我必须将每个.vue文件移到新项目中，并检查所有导入语句是否正确，然后在index.js中再次导入并使用bootstrap

如果您使用vue路由器、vuex或vuex electron，则还需要将它们移到一边并重新安装。这应该只是将文件移到新项目中，检查它们在旧文件中的导入位置，然后将其复制过来

对我来说，

vue init

命令似乎做了引导vue包不喜欢的事情。我没有一个非常大的项目，所以整个过程大约需要15-20分钟

要运行自动更新开发服务器，请使用命令

npm run electron:service

和命令

npm run electron:build

来构建项目。这些命令可以在package.json文件中更改

---

文件夹结构有点不同，不再有渲染器和主文件夹。所有内容都将保存在src文件夹中。主文件夹中的main.js现在命名为background.js。除此之外，我认为仅仅通过查看文件就可以得出类似的结论。

我也有同样的问题，并且它只在

npm更新后出现。

today@ZiadAkiki我在下面贴了一个对我有用的解决方案作为自己的评论。希望它也适用于您我的问题通过恢复到以前版本的bootstrap vue暂时解决了。我买不起你的解决方案，因为这对我的项目来说非常耗时。不过，谢谢你@ZiadAkiki您使用什么版本的引导vue？在我重新初始化项目之前，我还有一份项目副本，我想尝试看看旧版本是否有效我目前使用的是v2.0.0-rc.16（此版本有效）。当更新到v2.0.0-rc.19时，其崩溃情况与上述类似。