Webpack低级错误踩坑瞬间 Error: Child compilation failed:

最新推荐文章于 2024-04-18 22:42:00 发布

原创最新推荐文章于 2024-04-18 22:42:00 发布 · 602 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#webpack #前端 #java

博客主要针对前端开发中出现的“Can't resolve”错误进行解决。指出这类错误一般是路径错误，可检查路径书写是否正确并修改。还给出了将“./”改为“../”的具体解决方法。

错误如下：

解决方法：" ./ "->改为 " ../ "

完美决绝错误！！！

一般：" Can't resolve " XXX in " XXXXX" 都为路径错误，检查一下自己的路径是否书写正确，修改过来即可

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Y2000104

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

解决webstrom ERROR in [eslint] ESLint is not a constructor

H_Dsheng的博客

07-03

5040

解决webstrom ERROR in [eslint] ESLint is not a constructor

webpack打包时出错：[webpack-cli] Error: Compiling RuleSet failed: Exclamation mark separated loader lists

欢迎来到我的博客~

06-02

1912

webpack打包时出错 [webpack-cli] Error: Compiling RuleSet failed: Exclamation mark separated loader lists has been removed in favor of the 'use' property with arrays (at ruleSet[1].rules[0].loader: style-loader!css-loader) etCompiler.js:373:10) .

1 条评论您还未登录，请先登录后发表或查看评论

关于项目安装报错的一些问题归类

baidu_41601048的博客

05-20

1265

1 react 项目启动报错 Html Webpack Plugin: Error: Child compilation failed: Module.createRequire is not a function - child-compiler.js:169 childCompiler.runAsChild [prettie]/[html-webpack-plugin]/lib/child-compiler.js:169:18 - Compiler.js:55.

webpack Html-webpack-plugin报错： Error: Child compilation failed

热门推荐

qq_64436918的博客

04-19

1万+

报错 ERROR in Error: Child compilation failed: Module not found: Error: Can't resolve 'D:\练习\webpack\index.html' in 'D:\练习\webpack' ModuleNotFoundError: Module not found: Error: Can't resolve 'D:\练习\webpack\index.html' in 'D:\练习\webpack' at D:\

ERROR in Error: Child compilation failed: Module not found: Error: Can‘t resolve

bliackbank的博客

11-06

740

检查这里的1.名字和 2.路劲是否对上了。

已经安装了html-webpack-plugin,还是报错：Error: Cannot find module ‘html-webpack-plugin’

01-08

test: echo \Error: no test specified\ && exit 1, start: node ./src/koa.js, build: webpack --config ./build/webpack.config.js }, 配置好了之后，运行 $ npm run build 结果报错提示：发现

Webpack：Module not found: Error: Can't resolve './dist/bundle2.js' in 'F:\Workspaces\

daponi的博客

11-07

5377

最近学Vue有要学习webpack ,用的webpack 版本是：4.41.2版本的，在打包过程用执行了这个命令 webpack .\src\main.js .\dist\bundle.js 1.然后就报了下边的错误：后来查看之后原来是版本的问题，我用的这个wepack 版本过高，原来的命令即3.x的wepack在现在新版的已经不...

Error: Cannot find module ‘html-webpack-plugin‘

m0_64729384的博客

11-08

1631

【代码】Error: Cannot find module ‘html-webpack-plugin‘

webpack -v 报SyntaxError: Block-scoped declarations (let, const, function, class) not yet strict mode

起个破名真费劲..的博客

01-07

3102

环境版本: node.jsv4.4.7 npm2.15.8 安装步骤: 1.全局安装webpack npm install webpack -g 2.在项目中安装webpack依赖,防止部署是与本地的依赖包不一致导致错误,指定版本 npm install webpack@1.15.0 --save-dev 安装后查看webpack版本 webpack -v 报...

Error: Child compilation failed:

TE杨

03-24

8033

Error: Child compilation failed: Module build failed: Error: ENOENT: no such file or directory, Error: ENOENT: no such file or directory, open 出现这样的错误怎么办。不用慌，只是编译错误，卸载了重新装一次。 ...

ERROR in Error: Child compilation failed: Module not found: Error: Can‘t resolve

weixin_47181907的博客

05-07

4686

遇到这种问题就是在index打包的时候htmlwebpackplugin 生成的模板路径格式错误。修改配置下模板路径如下

Error: Child compilation failed: Entry module not found: Error: Can‘t resolve‘D:\xcEduUI01\xc-ui-pc‘

m0_46445296的博客

09-25

4480

Error: Child compilation failed: Entry module not found: Error: Can’t resolve’D:\xcEduUI01\xc-ui-pc’ 2.下图的红字是我一开始出的错：上图的红字改完后，点击左侧的红框，出现下图: 接着上图按箭头点击此处，运行（run）就报错了，如下图所示：原因：在index打包的时候html-webpack-plugin 的是生成的模板路径格式错误。（网上找的）。本人的实际原因：下图中的webpack.confi

Error: Child compilation failed: Entry module not found: Error: Can‘t resolve ‘E:\vue\node_webpack

SSLJY_YCFH的博客

11-15

4460

plugin是对某个现有的架构进行扩展。插件。 loader是主要用于模块的转换，加载。 Error: Child compilation failed: Entry module not found: Error: Can’t resolve 'E:\vue\node_webpack。是在index打包的时候htmlwebpackplugin 的是生成的模板路径格式错误。 ...

Html Webpack Plugin: Error: Child compilation failed:

qq_44978607的博客

07-11

2087

参考： https://stackoverflow.com/questions/39217320/error-in-error-child-compilation-failed-cannot-find-module-handlebars/39217412 解决 npm i handlebars --save-dev

记录：vue.config.js 中eslint配置错误导致的问题 Child compilation failed:

weixin_39854011的博客

01-10

2260

Error: Child compilation failed: Module parse failed: Unexpected token (1:0) File was processed with these loaders: * ./node_modules/html-webpack-plugin/lib/loader.js * ./node_modules/eslint-loader/index.js You may need an additional loader to handl

Error:java: Compilation failed: internal java compiler error

CL_Fighting

06-12

501

setting中java complier 设置的问题，项目中有人用jdk1.6，有人用jdk1.7，版本不一样，会一起这个错误进行如下操作：

Compilation failed: internal java compiler error

Saindy5828的专栏

05-16

2820

Error:java: Compilation failed: internal java compiler error 原因：编译的jdk版本不正确。解决方式：调整jdk到正确的版本。步骤： File --> Setting --> Build Execution, Deployment --> Compiler --> Java Compiler --> Projecct

Object.hasOwn is not a function

杨晓风迷迭香的记忆

04-18

3442

web技术兼容性

Error: Child compilation failed: Module build failed (from ./node_modules/html-loader/dist/cjs.js): TypeError: this.getOptions is not a function - TypeError: this.getOptions is not a function

最新发布

07-25

在使用 `html-loader` 时出现 `TypeError: this.getOptions is not a function` 错误，通常与模块版本不兼容有关。这种错误常见于 Webpack 生态系统中，尤其是在加载器（loader）与当前项目中其他依赖（如 Webpack、loader-runner）版本不匹配时。 ### 可能的原因与解决方案 #### 1. **版本不兼容** 该错误通常表明 `html-loader` 的版本与当前使用的 Webpack 或其他构建工具版本不兼容。Webpack 在 4.x 版本之后对 loader 的 API 有较大改动，如果使用了较新版本的 `html-loader` 而 Webpack 仍为旧版本（如 3.x），则可能出现此问题。 **解决方法：** - 尝试降级 `html-loader` 到与当前 Webpack 版本兼容的版本。例如，如果你使用的是 Webpack 3.x，可以尝试安装 `html-loader@0.4.5`： ```bash npm install --save-dev html-loader@0.4.5 ``` #### 2. **Webpack 版本过旧** 如果项目中 Webpack 版本较低（如 3.x），而你安装的 `html-loader` 是为 Webpack 4+ 设计的，也可能导致此错误。 **解决方法：** - 升级 Webpack 到 4.x 或更高版本以兼容现代 loader： ```bash npm install --save-dev webpack@latest ``` - 同时确保其他 loader（如 `style-loader`、`css-loader`）也与新版本 Webpack 兼容。 #### 3. **Loader 配置问题** 在 Webpack 配置文件中，`html-loader` 的使用方式可能存在问题。例如未正确设置 `esModule` 选项，或与其他 loader 冲突。 **示例配置：** ```javascript module.exports = { module: { rules: [ { test: /\.html$/i, loader: 'html-loader', options: { // 控制是否导出为 ES Module，默认为 true esModule: false, }, }, ], }, }; ``` 将 `esModule` 设置为 `false` 可避免某些模块导入问题，特别是在旧版本 Webpack 中。 #### 4. **清除缓存并重新安装依赖** 有时旧缓存可能导致模块加载异常。 **解决方法：** - 清除 npm 缓存： ```bash npm cache clean --force ``` - 删除 `node_modules` 和 `package-lock.json`： ```bash rm -rf node_modules package-lock.json ``` - 重新安装依赖： ```bash npm install ``` --- ###

Webpack低级错误踩坑瞬间 Error: Child compilation failed:

完美决绝错误！！！

一般 ：" Can't resolve " XXX in " XXXXX" 都为路径错误，检查一下自己的路径是否书写正确，修改过来即可

一般：" Can't resolve " XXX in " XXXXX" 都为路径错误，检查一下自己的路径是否书写正确，修改过来即可