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

最新推荐文章于 2024-04-29 04:53:26 发布
最新推荐文章于 2024-04-29 04:53:26 发布
阅读量809 收藏
点赞数 1
分类专栏： webpack学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/fankse/article/details/109802129
版权

在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

（03）webpack 配置处理html文件
秋来九月八
10-21 887
webpack处理html文件需要使用html-webpack-plugin插件 webpack使用插件一般有三个步骤 1安装 2引入 3使用 1 安装 2 引入和使用 引入使用require 语法 . const HtmlWebpackPlugin = require(require.resolve('html-webpack-plugin')); 使用 HtmlWebpackPlugin 是一个构造函数，new一个实例对象即可 new HtmlWebpackPlugin() const { res
TypeError: The ‘compilation‘ argument must be an instance of Compilation 报错
weixin_41814408的博客
12-04 1991
标题 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
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 5: The ‘compilation‘ argument must be an instance of Compilation
小妖666个人笔记
12-01 2556
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
TypeError: The ‘compilation‘ argument must be an instance of Compilation
Mr_Tony的专栏
07-12 5069
快应用出现 TypeError: The 'compilation' argument must be an instance of Compilation
[webpack-cli] TypeError: The ‘compilation‘ argument must be an instance of Compilation
ningfuxuan的专栏
01-28 1833
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
√ 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-...
webpack探索和使用（基础环境搭建）
weixin_44153194的博客
11-07 1110
loader 让 webpack 能够去处理那些非 JavaScript 文件（webpack 自身只理解 JavaScript）。loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块，然后你就可以利用 webpack 的打包能力，对它们进行处理。
vue-cli webpack配置分析 - chenBright - SegmentFault 思否
2401_84438488的博客
04-29 808
总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了@param {Array} loaders loader名称数组@return {String|Object} ExtractTextPlugin对象或loader字符串*/// 例如，sass?// 在?号前加上“-loader”})
webpack 打包The ‘compilation‘ argument must be an instance of Compilation
Florenza的博客
01-21 330
基本上都是 node_modules 的问题将内层外层的 node_modules 全部删干净基本上可以解决该类问题
ERROR in TypeError: The ‘compilation‘ argument must be an instance of Compilation
weixin_47692776的博客
12-17 641
我是webpack5.6.0，老版本html-webpack-plugin不行了，卸载旧版本 npm uninstall html-webpack-plugin 安装新版本 cnpm i -D html-webpack-plugin@next 大功告成
webpack错误TypeError: The ‘compilation’ argument must be an instance of Compilation
Shing
01-27 802
错误提示TypeError: The ‘compilation’ argument must be an instance of Compilation 最终解决方法 npm i webpack webpack-cli -D 重新安装webpack和webpack-cli
【webpack】HtmlWebpackPlugin插件报错，The ‘compilation‘ argument must be an instance of Compilation
qq_34838046的博客
10-21 4783
问题： 似乎是webpack5和HtmlWebpackPlugin的兼容性问题 解决方法： 安装4.X的wepback和对应的HtmlWebpackPlugin npm install webpack@4.44.2 npm i --save-dev html-webpack-plugin ps: HtmlWebpackPlugin官网虽然提供了webpack5的下载方式，但是会报错 Webpack 5 npm i --save-dev html-webpack-plugin@next yarn add --
webpack ERROR in TypeError: The ‘compilation‘ argument must be an instance of Compilation
ryyzxf的博客
02-05 443
问题： 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 - CommonJsChunkForma
webpack HtmlWebpackPlugin报错 TypeError: The ‘compilation‘ argument must be an instance of Compilation
前端小白的逆袭
11-24 3114
webpack HtmlWebpackPlugin报错 TypeError: The 'compilation' argument must be an instance of Compilation，webpack5和html-webpack-plugin的版本兼容问题
webpack5.3.0版本使用“html-webpack-plugin”报错
qq_43551769的博客
10-28 1664
webpack5-The ‘compilation’ argument must be an instance of Compilation 1、问题 安装“html-webpack-plugin”包后，运行webpack打包指令报此错误。 2、解决方法 删除掉电脑上安装的其他webpack版本： （1）全局安装的webpack （2）父级和兄弟级文件里面的node_modules里面webpack安装包 都删除掉 3、原因 安装了多个不同的Webpack版本，可能会发生这种情况-如果Webpack使用in
关于WebAssembly一些常见报错的问题分析
cucibala的博客
02-28 1万+
当使用WebAssembly加载wasm文件使用webassembly.instantiate或者instance`TypeError:Imports argument must be present and must be a object``Uncaught (in promise) LinkError: Import #0 module="\*\*" function="\*\*" error:function import requires a callable` 使用webassembly.in
npm，webpack学习中遇到的各种问题
热门推荐
高山上的鱼
11-19 8万+
问题1：端口被占用  npm start > @ start /Users/qingtian/Desktop/dva/examples/user-dashboard > dora --plugins "proxy,webpack,webpack-hmr"           proxy: load rule from proxy.config.js (node:853
第十一章：Electron-Vue创建项目
黄孝果的博客
08-03 1581
首先需要安装vue-cli脚手架 npm install -g vue-cli 详细步骤请看：vue学习（五）—vue-cli构建vue项目目录结构 全局安装Electron npm install -g electron 详细请看：第一章：Electron环境搭建 Electron-Vue创建项目 vue init simulatedgreg/electron-vue my-project 安装依赖并运行你的程序 cnpm install 运行（npm run dev） .
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值