error in callback for watcher options referenceError:highcharts is not defined

Posted 2023-04-07

参考技术A error in callback for watcher options
referenceError:highcharts is not defined
这个报错很特别
我用vue写highchats，所以安装了 highcharts-vue、highcharts 插件
这个报错是 饼图pie data数据 每项都为0 就会有报错
但是老项目是没有报错的，官网也不会有报错

然后我回想起那天我先安装了 highcharts-vue，试了不行 highcharts-vue 要依赖 highcharts，然后才 安装了 highcharts
怀疑是包有问题，然后把两个都卸载，重新按顺序安装，解决

Vue Js-Error in callback for watcher "function () return this._data.$$state ": "Erro

【中文标题】Vue Js-Error in callback for watcher "function () return this._data.$$state ": "Error: [vuex] do not mutate vuex store state outside mutation

【英文标题】：Vue Js-Error in callback for watcher "function () return this._data.$$state ": "Error: [vuex] do not mutate vuex store state outside mutationVue Js-Error in callback for watcher "function () return this._data.$$state ": "Error: [vuex] do not mutate vuex store state outside mutation

【发布时间】：2022-01-24 02:12:14

【问题描述】：

Screenshot of the error I get in the console

The method I use

In mounted

MapState in the Computed

我的代码正在运行。但我不明白这个错误。我找不到解决方案。我请求你的帮助。

【参考方案1】：

这是因为你在突变之外改变了状态，它就在那里：

this.systemstatus.splice(i, 1)

您可以使用扩展运算符复制systemstatus，例如：

const systemStatusCopy = [...this.systemstatus]

你不会得到任何错误，但是状态也不会改变，但如果你需要在商店中改变它，那么添加突变并在你需要的时候提交一个突变。

【讨论】：

谢谢大卫。有了你的解决方案，问题就解决了。