每次我运行 npx create-react-app my-app 时，它都会在 npm start 后显示这个 html webpack 错误

Question

HTML Webpack 插件： 错误：子编译失败： 模块解析失败：无法读取未定义的属性“解析” 使用这些加载器处理了文件：

• ./node_modules/html-webpack-plugin/lib/loader.js 您可能需要一个额外的加载器来处理这些加载器的结果。 TypeError：无法读取未定义的属性“解析”

• Parser.js:2409 函数解析 [客户端]/[webpack]/lib/Parser.js:2409:22

• Parser.js:2273 Parser.parse [客户端]/[webpack]/lib/Parser.js:2273:17

• NormalModule.js:482 [客户端]/[webpack]/lib/NormalModule.js:482:32

• NormalModule.js:358 [客户端]/[webpack]/lib/NormalModule.js:358:12

• LoaderRunner.js:373 [客户端]/[loader-runner]/lib/LoaderRunner.js:373:3

• LoaderRunner.js:214 iterateNormalLoaders [客户端]/[loader-runner]/lib/LoaderRunner.js:214:10

• LoaderRunner.js:221 iterateNormalLoaders [客户端]/[loader-runner]/lib/LoaderRunner.js:221:10

• LoaderRunner.js:236 [客户端]/[loader-runner]/lib/LoaderRunner.js:236:3

• LoaderRunner.js:130 runSyncOrAsync [客户端]/[loader-runner]/lib/LoaderRunner.js:130:11

• TypeError: 无法读取未定义的属性“解析”

• ModuleParseError：模块解析失败：无法读取未定义的属性“解析”

• 文件是用这些加载器处理的：

• • ./node_modules/html-webpack-plugin/lib/loader.js

• 您可能需要额外的加载器来处理这些加载器的结果。

• TypeError: 无法读取未定义的属性“解析”

• Parser.js:2409 函数解析 [客户端]/[webpack]/lib/Parser.js:2409:22

• Parser.js:2273 Parser.parse [客户端]/[webpack]/lib/Parser.js:2273:17

• NormalModule.js:482 [客户端]/[webpack]/lib/NormalModule.js:482:32

• NormalModule.js:358 [客户端]/[webpack]/lib/NormalModule.js:358:12

• LoaderRunner.js:373 [客户端]/[loader-runner]/lib/LoaderRunner.js:373:3

• LoaderRunner.js:214 iterateNormalLoaders [客户端]/[loader-runner]/lib/LoaderRunner.js:214:10

• LoaderRunner.js:221 iterateNormalLoaders [客户端]/[loader-runner]/lib/LoaderRunner.js:221:10

• LoaderRunner.js:236 [客户端]/[loader-runner]/lib/LoaderRunner.js:236:3

• LoaderRunner.js:130 runSyncOrAsync [客户端]/[loader-runner]/lib/LoaderRunner.js:130:11

• LoaderRunner.js:232 迭代NormalLoaders [客户端]/[loader-runner]/lib/LoaderRunner.js:232:2

• NormalModule.js:469 句柄解析错误 [客户端]/[webpack]/lib/NormalModule.js:469:19

• NormalModule.js:503 [客户端]/[webpack]/lib/NormalModule.js:503:5

• NormalModule.js:358 [客户端]/[webpack]/lib/NormalModule.js:358:12

• LoaderRunner.js:373 [客户端]/[loader-runner]/lib/LoaderRunner.js:373:3

• LoaderRunner.js:214 iterateNormalLoaders [客户端]/[loader-runner]/lib/LoaderRunner.js:214:10

• LoaderRunner.js:221 iterateNormalLoaders [客户端]/[loader-runner]/lib/LoaderRunner.js:221:10

• LoaderRunner.js:236 [客户端]/[loader-runner]/lib/LoaderRunner.js:236:3

• LoaderRunner.js:130 runSyncOrAsync [客户端]/[loader-runner]/lib/LoaderRunner.js:130:11

• LoaderRunner.js:232 迭代NormalLoaders [客户端]/[loader-runner]/lib/LoaderRunner.js:232:2

• LoaderRunner.js:205 数组。 [client]/[loader-runner]/lib/LoaderRunner.js:205:4

• 子编译器.js:131 [客户端]/[html-webpack-plugin]/lib/child-compiler.js:131:18

• 编译器.js:343 [客户端]/[webpack]/lib/Compiler.js:343:11

• 编译器.js:681 [客户端]/[webpack]/lib/Compiler.js:681:15

• Hook.js:154 AsyncSeriesHook.lazyCompileHook [客户端]/[tapable]/lib/Hook.js:154:20

• 编译器.js:678 [客户端]/[webpack]/lib/Compiler.js:678:31

• Hook.js:154 AsyncSeriesHook.lazyCompileHook [客户端]/[tapable]/lib/Hook.js:154:20

• 编译.js:1423 [客户端]/[webpack]/lib/Compilation.js:1423:35

Answer 1

我解决了这个问题，用 4.0.1 降级 react-scripts 包，也许这个答案有一天会对某人有所帮助