webpack - 将 CRA 迁移到 Webpack 5

Question

我正在尝试将弹出的 create-react-app 迁移到 Webpack 5 并遇到此错误:

Failed to compile.

The "path" argument must be of type string. Received undefined

error Command failed with exit code 1.

我认为错误来自 output.path，默认情况下来自 CRA 在开发中未定义，我试图将其设置为空字符串 - 或者绝对路径，但它无法解析.我已经能够成功地让 Webpack 5 在非 cra 应用程序上运行，并将路径保留为未定义，所以我认为它与 CRA 配置有关。我也遵循了本指南但没有成功 https://webpack.js.org/migrate/5/

代码沙箱:https://codesandbox.io/s/musing-buck-shu04

感谢任何帮助!

Answer 1

我遇到了同样的问题。此错误是从 webpack-manifest-plugin 引发的。 Webpack 5 目前不支持，但维护者 are planning添加支持。因此，您可以更改 default.config.js output 部分中的几行:

 output: {
   // The build folder.
   path: isEnvProduction ? paths.appBuild : undefined,
   // blah blah blah
 }

到:

 output: {
   // The build folder.
   path: paths.appBuild,
   // blah blah blah
 }

错误 “路径”参数必须是字符串类型。接收到的undefined消失了。但它仍然不适合我。我在浏览器中无休止地加载。我应该更仔细地调试它并稍后更新答案。因此，我尝试从我的配置中删除 webpack-manifest-plugin，但它仍然无法正常工作。