我是 React 和 WebPack 的新手。實際上，我對此類問題沒有任何經驗。我嘗試設定 webpack，一切正常。但是在開發程序中安裝了一些包之后，我開始遇到這樣的錯誤。我嘗試使用--legacy-peer-deps，但它并不能幫助我解決這些問題。如果您知道要更改或更新哪些軟體包以及如何修復它，請提前感謝您！
While resolving: extract-text-webpack-plugin@3.0.2
npm ERR! Found: webpack@5.74.0
npm ERR! node_modules/webpack
npm ERR! dev webpack@"^5.74.0" from the root project
npm ERR! peer webpack@">=4.43.0 <6.0.0" from @pmmmwh/react-refresh-webpack-plugin@0.5.8
npm ERR! node_modules/@pmmmwh/react-refresh-webpack-plugin
npm ERR! @pmmmwh/react-refresh-webpack-plugin@"^0.5.3" from @storybook/react@6.5.12
npm ERR! node_modules/@storybook/react
npm ERR! dev @storybook/react@"^6.5.12" from the root project
npm ERR! 25 more (@storybook/builder-webpack5, @storybook/core, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^3.1.0" from extract-text-webpack-plugin@3.0.2
npm ERR! node_modules/extract-text-webpack-plugin
npm ERR! dev extract-text-webpack-plugin@"^3.0.2" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: webpack@3.12.0
npm ERR! node_modules/webpack
npm ERR! peer webpack@"^3.1.0" from extract-text-webpack-plugin@3.0.2
npm ERR! node_modules/extract-text-webpack-plugin
npm ERR! dev extract-text-webpack-plugin@"^3.0.2" 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 /home/user/.npm/eresolve-report.txt for a full report.
我的 package.json 在下面
"devDependencies": {
"@babel/core": "^7.19.1",
"@babel/preset-env": "^7.19.1",
"@babel/preset-typescript": "^7.18.6",
"@marshallofsound/webpack-asset-relocator-loader": "^0.5.0",
"@storybook/addon-actions": "^6.5.12",
"@storybook/addon-essentials": "^6.5.12",
"@storybook/addon-interactions": "^6.5.12",
"@storybook/addon-links": "^6.5.12",
"@storybook/builder-webpack5": "^6.5.12",
"@storybook/manager-webpack5": "^6.5.12",
"@storybook/preset-scss": "^1.0.3",
"@storybook/react": "^6.5.12",
"@storybook/testing-library": "^0.0.13",
"@testing-library/dom": "^8.18.1",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "12",
"@testing-library/user-event": "^14.4.3",
"@types/jest": "^29.0.2",
"@types/react": "^17.0.3",
"@types/react-dom": "^17.0.2",
"@types/react-transition-group": "^4.4.5",
"@types/webpack-env": "^1.16.0",
"@typescript-eslint/eslint-plugin": "^5.37.0",
"@typescript-eslint/parser": "^5.37.0",
"babel-core": "^7.0.0-bridge.0",
"babel-jest": "^29.0.3",
"babel-loader": "^8.2.5",
"cross-env": "^7.0.3",
"css-loader": "^5.2.4",
"cz-conventional-changelog": "3.3.0",
"eslint": "^7.22.0",
"eslint-import-resolver-alias": "^1.1.2",
"eslint-plugin-import": "^2.22.1",
"eslint-plugin-react": "^7.31.8",
"extract-text-webpack-plugin": "^3.0.2",
"file-loader": "^6.2.0",
"fork-ts-checker-webpack-plugin": "^6.2.4",
"html-webpack-plugin": "^5.3.1",
"jest": "^29.0.3",
"jest-environment-jsdom": "^29.0.3",
"less": "^4.1.1",
"less-loader": "8.1.1",
"mini-css-extract-plugin": "^1.5.0",
"react-hot-loader": "^4.13.0",
"react-test-renderer": "^18.2.0",
"resolve-url-loader": "2.3.1",
"sass": "^1.54.9",
"sass-loader": "^13.0.2",
"style-loader": "^2.0.0",
"ts-jest": "^29.0.1",
"ts-loader": "^9.1.0",
"typescript": "^4.8.3",
"webpack": "^5.74.0",
"webpack-cli": "^4.6.0",
"webpack-dev-server": "^3.11.2"
},
"dependencies": {
"@hot-loader/react-dom": "^17.0.1",
"@types/node-sass": "^4.11.3",
"adjust-sourcemap-loader": "1.2.0",
"axios": "^0.27.2",
"classnames": "^2.3.2",
"css-modules-typescript-loader": "^4.0.1",
"eslint-plugin-padding": "^0.0.4",
"image-webpack-loader": "^8.1.0",
"node-sass": "^7.0.3",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-transition-group": "^4.4.5",
"ts-node": "^10.9.1",
"typescript-css-modules": "^1.0.4"
},
uj5u.com熱心網友回復：
嘗試運行npm install --legacy-peer-deps
uj5u.com熱心網友回復：
似乎您的節點版本和專案要求沖突。首先，從您的機器上卸載節點： 從此鏈接 并從此處安裝最新版本的節點： 節點安裝
希望它會作業。謝謝
uj5u.com熱心網友回復：
嘗試使用 nvm 降級節點版本
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/517256.html
標籤：反应网页包