Error Uncaught TypeError: Converting circular structure to JSON about vuex-persistedstate HOT 7 CLOSED

I was having this error, I was importing the lib like that:

plugins: [createPersistedState()],

I changed to:

plugins: [createPersistedState],

and it worked!!

from vuex-persistedstate.

@DelfsEngineering please provide some more context of your JSON structure. Without any knowledge on how your modules look like, it's a very hard issue to solve.

from vuex-persistedstate.

No update by @DelfsEngineering on the issue. Please see the jsfiddle links in the readme for a basic running example of the plugin.

from vuex-persistedstate.

crashes it too

from vuex-persistedstate.

It seems that it is caused by the matched attribute of vue-router. See how the author can improve it. The framework used is vue-element-admin. You can clone to see the error message; @robinvdvleuten @

from vuex-persistedstate.

No update by @DelfsEngineering on the issue. Please see the jsfiddle links in the readme for a basic running example of the plugin.

It seems that it is caused by the matched attribute of vue-router. See how the author can improve it. The framework used is vue-element-admin. You can clone to see the error message;

from vuex-persistedstate.

我也遇到了这个问题。最开始我分析自己的 state 数据结构时，我确认它是没有 circular structure to JSON 这个问题的。

于是我打了断点调试，发现在提交 vuex store 的状态时，vuex-persistedstate 会调用 JSON.stringfy(store.state)方法，错误出现在了这个地方。

因此我猜测state 本身有问题，而不是vuex-persistedstate的原因。所以我尝试了直接去打印 JSON.stringfy(store.state)，这个错误同样出现了。

那么怎样验证我的 state 是否有错呢？我尝试了这个方法打印了 $store.state 的字符串数据，发现真实的 state 数据里有很多不是我想要的。具体原因是我在处理业务逻辑时，没有考虑到位，塞进了许多可能导致 JSON.stringfy() 方法失效的数据。这也证实了我上面的猜测。

移除了冗余的数据后，这个问题顺利解决了。

In short, make sure vuex state itself can be stringfied by JSON correctly.

from vuex-persistedstate.