npm run devで「npm ERR! While resolving: vue-jest@3.0.7」
今回はnpm run devを行ったときに下記のエラーが起きたときの対処法についてご紹介していこうと思います。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: vue-jest@3.0.7 npm ERR! Found: vue@3.4.27 npm ERR! node_modules/vue npm ERR! peer vue@"^3.3.4" from @nuxt/vite-builder@3.11.2 npm ERR! node_modules/@nuxt/vite-builder npm ERR! @nuxt/vite-builder@"3.11.2" from nuxt@3.11.2 npm ERR! node_modules/nuxt npm ERR! nuxt@"^3.11.2" from the root project npm ERR! 2 more (@nuxt/devtools, @nuxt/devtools-kit) npm ERR! peer vue@">=2.7 || >=3" from @unhead/vue@1.9.10 npm ERR! node_modules/@unhead/vue npm ERR! @unhead/vue@"^1.9.4" from nuxt@3.11.2 npm ERR! node_modules/nuxt npm ERR! nuxt@"^3.11.2" from the root project npm ERR! 2 more (@nuxt/devtools, @nuxt/devtools-kit) npm ERR! 14 more (@vitejs/plugin-vue, @vitejs/plugin-vue-jsx, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vue@"^2.x" from vue-jest@3.0.7 npm ERR! node_modules/vue-jest npm ERR! dev vue-jest@"^3.0.7" from the root project npm ERR! npm ERR! Conflicting peer dependency: vue@2.7.16 npm ERR! node_modules/vue npm ERR! peer vue@"^2.x" from vue-jest@3.0.7 npm ERR! node_modules/vue-jest npm ERR! dev vue-jest@"^3.0.7" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See /root/.npm/eresolve-report.txt for a full report. |
Node.jsのバージョンは16.20.2で、Nuxt.jsのバージョンは3.11.2です。
npm run devで「npm ERR! While resolving: vue-jest@3.0.7」
私はNuxt.jsのバージョンを2.17.3から3.11.2に上げるときにこのエラーが起きました。
結論として何が原因だったかというと、package.jsonにライブラリの一つであるvue-jestを記載してインストールしようとしておりましたが、Nuxt3系にvue-jestが対応していないことが原因でした。
vue-jestはVue.jsの単一ファイルコンポーネント（.vueファイル）をテストするためのJestの公式プリセットですが、Nuxt3では@nuxt/test-utilsを使用してテストを行う必要があるとのことです。
終わりに
今回はnpm run devを行ったときに冒頭のエラーが起きたときの対処法についてご紹介いたしました。