🎯 7.1 よくあるエラーとその対処法

✅ 【要点】

Jest や Vue コンポーネントのテストで出やすいエラーは、

• 環境設定ミス

• propsData 渡し忘れ

• 非同期処理の await 忘れ

• スナップショット更新の誤り

  この4つがほとんど。

→ エラーの意味をしっかり読む！ → 慌てず冷静に解決できる。

🔥 【エラー1: Cannot find module 'vue' / 'vue-property-decorator'】

🟡 原因

• パッケージのインストール漏れ
• jest.config.js の moduleNameMapper の設定忘れ

✅ 解決法

npm install vue vue-property-decorator

jest.config.js に追加👇

moduleNameMapper: {
  '^@/(.*)$': '<rootDir>/src/$1',
},

🔥 【エラー2: TypeError: Cannot read property 'count' of undefined】