npm run devで「 ERROR Cannot find module ‘webpack/lib/RuleSet’」
今回はNuxt.jsを使っているときに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 |
ERROR Cannot find module 'webpack/lib/RuleSet' 4:15:40 AM Require stack: - /usr/local/test/node_modules/vue-loader/lib/plugin-webpack4.js - /usr/local/test/node_modules/vue-loader/lib/plugin.js - /usr/local/test/node_modules/vue-loader/lib/index.js - /usr/local/test/node_modules/@nuxt/webpack/dist/webpack.js - /usr/local/test/node_modules/@nuxt/builder/dist/builder.js - /usr/local/test/index.js Require stack: - node_modules/vue-loader/lib/plugin-webpack4.js - node_modules/vue-loader/lib/plugin.js - node_modules/vue-loader/lib/index.js - node_modules/@nuxt/webpack/dist/webpack.js - node_modules/@nuxt/builder/dist/builder.js - index.js at Module._resolveFilename (node:internal/modules/cjs/loader:1186:15) at Module._load (node:internal/modules/cjs/loader:1012:27) at Module.require (node:internal/modules/cjs/loader:1271:19) at require (node:internal/modules/helpers:123:16) at Object.<anonymous> (node_modules/vue-loader/lib/plugin-webpack4.js:2:17) at Module._compile (node:internal/modules/cjs/loader:1434:14) at Module._extensions..js (node:internal/modules/cjs/loader:1518:10) at Module.load (node:internal/modules/cjs/loader:1249:32) at Module._load (node:internal/modules/cjs/loader:1065:12) at Module.require (node:internal/modules/cjs/loader:1271:19) |
Nuxt.jsのバージョンは2.18.1となります。
npm run devで「 ERROR Cannot find module 'webpack/lib/RuleSet’」
解決策について、結論を言うと私の場合はnpm run devを行ったときに
WARN webpack@5.95.0 is installed but ^4.46.0 is expected
というwarningが出ておりましたが、これを参考にwebpackのバージョンを5.95.0から4.46.0へダウングレードすると直りました。
Nuxt.jsのバージョンとwebpackのバージョンが合ってなかった説があります。
ぜひご参考にしてみてください。
終わりに
今回はNuxt.jsを使っているときにnpm run devで冒頭のエラーが起きたときの対処法についてご紹介いたしました。