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

Posted

技术标签:

【中文标题】每次我运行 npx create-react-app my-app 时,它都会在 npm start 后显示这个 html webpack 错误【英文标题】:Every time i run npx create-react-app my-app it shows this html webpack error after npm start 【发布时间】:2021-10-02 07:00:24 【问题描述】:

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

【问题讨论】:

看到这个post它可能对你有帮助。 是的,我尝试了很多东西,但对我没有任何效果 【参考方案1】:

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

【讨论】:

以上是关于每次我运行 npx create-react-app my-app 时,它都会在 npm start 后显示这个 html webpack 错误的主要内容,如果未能解决你的问题,请参考以下文章

运行预提交 husky 脚本时未找到 Npx

使用范围包运行 npx

在调试模式下运行 NPX 命令

创建自己的 npx 命令 - 不运行/啥都不做

运行 npx 更新时出现错误找不到 set-blocking

是否可以通过 npx 从单个模块运行多个二进制文件?