將 webpack 4 更新為 webpack 5 在現有的 create-react-app 上用 react-app-rewired 彈出

Question

我有一個現有的舊 React 應用程序，使用create-react-app並使用react-app-rewired彈出。 我正在更新已棄用的依賴項。 我已經將react-scripts更新到當前版本 (4.0.3)，一切正常。 但是我需要更新style-loader庫，這個新版本需要 webpack 5。

當前的react-scripts版本正在使用 webpack 4：

> npm ls webpack
my-app@0.1.0
└─┬ react-scripts@4.0.3
  └── webpack@4.44.2 

我找到了一個名為webpack-5-react-script的項目： https://www.npmjs.com/package/webpack-5-react-scripts 。 這似乎是我需要的，但是由於我的項目很久以前就使用react-app-rewired被彈出，所以當我運行npm start時出現此錯誤：

Error: Cannot find module 'react-scripts/package.json'
Require stack:
- /home/.../my-app/node_modules/react-app-rewired/scripts/utils/paths.js
- /home/../my-app/node_modules/react-app-rewired/scripts/start.js

我可以做什么？ 有人遇到過這個問題嗎？

Answer 1

React app rewired start，調用 react-scripts start，您需要編輯 react app rewired 以調用 webpack5-react-scripts。

Answer 2

只需將 react-scripts 5.0.0 下載到您的項目中？