webpack ERROR in TypeError: The ‘compilation‘ argument must be an instance of Compilation

最新推荐文章于 2023-11-07 10:05:03 发布
最新推荐文章于 2023-11-07 10:05:03 发布
阅读量438 收藏
点赞数
分类专栏： webpack 文章标签： npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ryyzxf/article/details/113704263
版权

问题：

ERROR in   TypeError: The 'compilation' argument must be an instance of Compilation

  - JavascriptModulesPlugin.js:119 getCompilationHooks
    [webpack]/[_webpack@5.20.2@webpack]/lib/javascript/JavascriptModulesPlugin.js:119:10

  - CommonJsChunkFormatPlugin.js:30
    [webpack]/[_webpack@5.20.2@webpack]/lib/javascript/CommonJsChunkFormatPlugin.js:30:19


  - Hook.js:14 Hook.CALL_DELEGATE [as _call]
    [npm]/[webpack]/[_tapable@2.0.0@tapable]/lib/Hook.js:14:14


  - Compiler.js:984
    [npm]/[webpack]/lib/Compiler.js:984:29


  - Hook.js:18 Hook.CALL_ASYNC_DELEGATE [as _callAsync]

    [npm]/[webpack]/lib/Compiler.js:979:28

  - Compiler.js:494 Compiler.runAsChild
    [npm]/[webpack]/lib/Compiler.js:494:8

解决方案

安装 html-webpack-plugin 插件时 ， 输入如下命令：
已安装淘宝镜像的，输入如下：
cnpm i html-webpack-plugin@next -D 
未安装的，输入如下：
npm i html-webpack-plugin@next -D
Vue - Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘) 项目运行时报错，详细解决方案
王佳斌
11-07 1万+
vue2，SyntaxError:TypeError:Cannotreadpropertiesofundefined(reading'styles')，webpack，npmrunserve，报错怎么办，运行报错，runserve时出现报错如何解决，vue2项目运行报错SyntaxError:TypeError:Cannotreadpropertiesofundefined(reading'styles')，vue2怎么解决npmrunserve时的Cannot
记一个webpack升级问题TypeError: webpack.HashedModuleIdsPlugin is not a constructor
蛐蛐的博客
07-20 5688
1.简介 webpack升级到5后，出现这个问题 2.解决 使用代替newHashedModuleIdsPlugin() optimization: { moduleIds: 'hashed', }
webpack TypeError: The ‘compilation‘ argument must be an instance of Compilation解决方案
热门推荐
zyj12138的博客
11-27 1万+
我们在webpack.config.js使用HtmlWebpackPlugin时，webpack打包会碰见TypeError: The ‘compilation’ argument must be an instance of Compilation弹错，并且无法打包 经过资料查询，大概率和版本有关系，这里给一个全套得解决方案： 首先我们要先写在原先的webpack: npm uninstall webpack -g 然后我们需要重新安装指定版本webpack，这里引用了百度解决方案上的版本：百度解
webpack错误TypeError: The ‘compilation’ argument must be an instance of Compilation
Shing
01-27 799
错误提示TypeError: The ‘compilation’ argument must be an instance of Compilation 最终解决方法 npm i webpack webpack-cli -D 重新安装webpack和webpack-cli
webpack编译时出现报错Error: Cannot find module '@babel/core'
weixin_44214330的博客
04-20 476
具体报错如下： Error: Cannot find module ‘@babel/core’ babel-loader@8 requires Babel 7.x (the package ‘@babel/core’). If you’d like to use Babel 6.x (‘babel-core’), you should install ‘babel-loader@7’. 在gi...
TypeError: The ‘compilation‘ argument must be an instance of Compilation 报错
weixin_41814408的博客
12-04 1984
标题 TypeError: The ‘compilation’ argument must be an instance of Compilation Html Webpack Plugin: TypeError: The ‘compilation’ argument must be an instance of Compilation JavascriptModulesPlugin.js:119 getCompilationHooks [myWebpack]/[webpack]/lib/javasc
TypeError: The ‘compilation‘ argument must be an instance of Compilation
Mr_Tony的专栏
07-12 5032
快应用出现 TypeError: The 'compilation' argument must be an instance of Compilation
webpack报错：ERROR in TypeError: The ‘compilation‘ argument must be an instance of Compilation
ZS74520的博客
12-19 3297
一、Webpack5报错：JavascriptModulesPlugin.js:119 getCompilationHooks [fore-end]/[webpack]/lib/javascript/JavascriptModulesPlugin.js:119:10 CommonJsChunkFormatPlugin.js:30 [fore-end]/[webpack]/lib/javascript/CommonJsChunkFormatPlugin.js:30:19 Hook.js:14 Hook
webpack HtmlWebpackPlugin报错 TypeError: The ‘compilation‘ argument must be an instance of Compilation
前端小白的逆袭
11-24 3101
webpack HtmlWebpackPlugin报错 TypeError: The 'compilation' argument must be an instance of Compilation，webpack5和html-webpack-plugin的版本兼容问题
ERROR in TypeError: The ‘compilation‘ argument must be an instance of Compilation
weixin_47692776的博客
12-17 638
我是webpack5.6.0，老版本html-webpack-plugin不行了，卸载旧版本 npm uninstall html-webpack-plugin 安装新版本 cnpm i -D html-webpack-plugin@next 大功告成
Vue报错：Error in render: "TypeError: object null is not iterable
jolieLi2019888的博客
11-15 2430
Vue运行报错： Errorinrender:"TypeError:objectnullisnotiterable\color{red}{Error in render: "TypeError: object null is not iterable}Errorinrender:"TypeError:objectnullisnotiterable 报错原因： 使用了localStorage中值为空...
Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
王佳斌
11-07 6174
vue2，SyntaxError:TypeError:this.getOptionsisnotafunction，webpack，npmrunserve，报错怎么办，运行报错，runserve时出现报错如何解决，vue2项目运行报错this.getOptionsisnotafunction，vue2怎么解决npmrunserve时的SyntaxError:TypeError:this.getOptionsisnotafunction爆红报错，Vue-Synt
[webpack-cli] TypeError: The ‘compilation‘ argument must be an instance of Compilation
ningfuxuan的专栏
01-28 1814
PS D:\vuelearn\VueLearn\03-前端模块化\LearnVuejs04-v2\01-webpack的使用\04-webpack的vue的配置> npm run build > metpkg@1.0.0 build D:\vuelearn\VueLearn\03-前端模块化\LearnVuejs04-v2\01-webpack的使用\04-webpack的vue的配置 > webpack [webpack-cli] TypeError: The 'compilatio
webpack:The ‘compilation‘ argument must be an instance of Compilation
fankse的博客
11-19 805
在webpack配置html文件打包时出现如下错误 原因： 我的webpack的版本用的5.0的版本，然后与html-webpack-plugin 插件不兼容 解决方法： 安装4.0及以上的wepback和对应的HtmlWebpackPlugin npm install webpack@4.44.2 -g npm i html-webpack-plugin -D ...
Webpack 5: The ‘compilation‘ argument must be an instance of Compilation
小妖666个人笔记
12-01 2551
webpack5报错: TypeError: The 'compilation' argument must be an instance of Compilation 似乎是webpack5和HtmlWebpackPlugin的兼容性问题 解决办法可以安装4.X的wepback，或是安装5.X的html-webpack-plugin 没有最新的 5.x版本，只能安装5.0.0-alpha 安装: npm install html-webpack-plugin@5.0.0-alpha.14
webpack打包报错排查
hyf576501135的专栏
11-29 2042
​ 对于前端webpack的一直停留在使用阶段，有直接前段插件可以直接完成这个部分的工作，因此这个部分一直没有太过关注，直到这次遇到了非了解不可的地步。 ​ 项目在搭建起来后，直接跑起来是没有问题的，第一次打包也没有问题。在开发一段时间后（引入了各种插件和覆写了一些插件内的组件），在本地dev运行是没有问题的，但是打包的时候就报错了，而且报的错看不到，打印了一长串的堆栈但是没有具体指明是哪个文件有问题，只是标识babel（翻译ES6语法到ES5语法的）在打包的时候遇到无法处理的ES6语法。这就很神奇.
webpack项目搭建以及编译时遇到Error: Cannot find module ‘webpack-cli/bin/config-yargs‘的问题
夏微微的博客
03-03 1307
1、webpack项目搭建 新建一个文件夹，命令行进入文件夹目录，运行npm init命令，根据需要填写项目信息，入口文件为index.js -->如下图所示 在进入项目目录安装webpack和webpack-cli 命令行输入npm install webpack webpack-cli --save-dev，如下图 编写项目代码 添加index.html、index.js、add-content.js，如图 add-content.js有一个write方法向页面输出HelloWorld，内
webpack的Error记录
Fky_mie的博客
06-13 623
package.json 参考 输入webpack后无法打包: ERROR in Entry module not found: SyntaxError: \webpack_try\package.json (directory description file): SyntaxError: Unexpected end of JSON input 在子目录下添加空白的json配置文件是会出现报错，其原因是因为文件内容空白 ...
√ Running tests × The 'compilation' argument must be an instance of Compilation Trace: TypeError: The 'compilation' argument must be an instance of Compilation at JavascriptModulesPlugin.getCompilationHooks (E:\Abysyproject\grafana\test\00\node_modules\webpack\lib\javascript\JavascriptModulesPlugin.js:206:10) at E:\Abysyproject\grafana\test\00\node_modules\terser-webpack-plugin\dist\index.js:419:67
最新发布
03-14
嗯，用户遇到了一个Webpack相关的错误：“The 'compilation' argument must be an instance of Compilation”。首先，我需要确定这个错误的常见原因。根据错误信息，问题出现在JavascriptModulesPlugin和terser-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值