如何修复webpack依赖项错误



我一直在尝试升级节点版本,但遇到了一些问题。我已经试过多次删除node_modules、重新安装、更新等。这是怎么回事?

ERROR in ./src/app/index.jsx
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: [BABEL]: Cannot find module '../lib/statuses'
Require stack:
- /var/app/node_modules/caniuse-lite/dist/unpacker/feature.js
- /var/app/node_modules/browserslist/node.js
- /var/app/node_modules/browserslist/index.js
- /var/app/node_modules/@babel/helper-compilation-targets/lib/index.js
- /var/app/node_modules/@babel/preset-env/lib/debug.js
- /var/app/node_modules/@babel/preset-env/lib/index.js
- /var/app/node_modules/@babel/core/lib/config/files/module-types.js
- /var/app/node_modules/@babel/core/lib/config/files/configuration.js
- /var/app/node_modules/@babel/core/lib/config/files/index.js
- /var/app/node_modules/@babel/core/lib/index.js
- /var/app/node_modules/babel-loader/lib/index.js
- /home/app_admin/.nvm/versions/node/v16.13.1/lib/node_modules/webpack/node_modules/loader-runner/lib/loadLoader.js
- /home/app_admin/.nvm/versions/node/v16.13.1/lib/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js
- /home/app_admin/.nvm/versions/node/v16.13.1/lib/node_modules/webpack/lib/NormalModuleFactory.js
- /home/app_admin/.nvm/versions/node/v16.13.1/lib/node_modules/webpack/lib/Compiler.js
- /home/app_admin/.nvm/versions/node/v16.13.1/lib/node_modules/webpack/lib/webpack.js
- /home/app_admin/.nvm/versions/node/v16.13.1/lib/node_modules/webpack/lib/index.js
- /home/app_admin/.nvm/versions/node/v16.13.1/lib/node_modules/webpack-cli/lib/webpack-cli.js
- /home/app_admin/.nvm/versions/node/v16.13.1/lib/node_modules/webpack-cli/lib/bootstrap.js
- /home/app_admin/.nvm/versions/node/v16.13.1/lib/node_modules/webpack-cli/bin/cli.js
- /home/app_admin/.nvm/versions/node/v16.13.1/lib/node_modules/webpack/bin/webpack.js (While processing: /var/app/node_modules/@babel/preset-env/lib/index.js)
at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
at Function.Module._load (node:internal/modules/cjs/loader:778:27)
at Module.require (node:internal/modules/cjs/loader:1005:19)
at require (node:internal/modules/cjs/helpers:102:18)
at Object.<anonymous> (/var/app/node_modules/caniuse-lite/dist/unpacker/feature.js:3:18)
at Module._compile (node:internal/modules/cjs/loader:1101:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at Module.require (node:internal/modules/cjs/loader:1005:19)
webpack 5.65.0 compiled with 1 error in 15668 ms

编辑-似乎这不是我唯一的问题:(不确定是否相关:

Error: Cannot find module 'core-js/library/fn/object/get-prototype-of'
Require stack:
- /var/app/node_modules/babel-runtime/core-js/object/get-prototype-of.js
- /var/app/node_modules/fb/lib/index.js
- /var/app/src/controllers/app.js
- /var/app/src/index.js
at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
at Module.Hook._require.Module.require (/home/app_admin/.nvm/versions/node/v16.13.1/lib/node_modules/pm2/node_modules/require-in-the-middle/index.js:61:29)
at require (node:internal/modules/cjs/helpers:102:18)
at Object.<anonymous> (/var/app/node_modules/babel-runtime/core-js/object/get-prototype-of.js:1:31)
at Module._compile (node:internal/modules/cjs/loader:1101:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at Module.require (node:internal/modules/cjs/loader:1005:19)
at Module.Hook._require.Module.require (/home/app_admin/.nvm/versions/node/v16.13.1/lib/node_modules/pm2/node_modules/require-in-the-middle/index.js:80:39) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'/var/app/node_modules/babel-runtime/core-js/object/get-prototype-of.js',
'/var/app/node_modules/fb/lib/index.js',
'/var/app/src/controllers/app.js',
'/var/app/src/index.js'
]

不完全确定还需要添加什么-这些是我获得时的错误

好吧,这是我最后所做的,似乎解决了它:

npm uninstall --save-dev webpack webpack-cli
npm install --save caniuse-lite
npm install -g webpack@latest webpack-cli@latest
npm install -D babel-loader @babel/core @babel/preset-env @babel/preset-react webpack

然后,编辑.babelrc以删除旧的es2015预设,并以:结束

{
"presets": ["@babel/preset-env", "@babel/preset-react"],
"plugins": [["@babel/plugin-proposal-class-properties", {}]]
}

感谢@trogy的帮助和此链接:找不到模块babel-preset-es2015

最新更新