Nuxt.js内のVuexでstrictモードをtrueにするとdo not mutate vuex store state outside mutation handlers.エラーがおこる

Question

環境

・Nuxt.js v2.12.2
・node v12.8.0
・Typescript

現状

@/store/index.ts

// TODO strictモードをtrueにするとmutation errorが出る問題を調査
export const strict = true

をすると、

[vuex] do not mutate vuex store state outside mutation handlers.

と表示されてしまいます。

試したこと

ドキュメントの通り、

export const store = new Vuex.Store({
  strict: true
});

このように記述しても結果は同じでした。

mutation内で更新しているはずなのですが、何故でしょうか。
分かる方いらっしゃいましたら、ご教授いただけますと幸いです。

Answer 1

よくあるのはstateをv-modelなどに入れた場合でしょうか。。。
該当しそうな部分を探して乗せていただければ原因特定に近づきそうです

Answer 2

export const strict = false

とすると、解決できるかと存じます。

ただ、知識不足で申し訳ないことに、どうしてそうなるのかは説明し難いです。

Comments

[THitokuse]

ありがとうございます。

export const strict = false

実は既にこちらは試しており、確かにこちらはできておりました。。
ドキュメント通りやりたいんですけど、なぜか難しいですね。。