每次我运行 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 错误的主要内容,如果未能解决你的问题,请参考以下文章