Cannot find module ‘HtmlWebpackPlugin‘解决方法

stdue stdue 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 4.6k累计阅读 4.6k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄7年
关注
原创 最新推荐文章于 2026-08-28 11:26:46 发布 4.6k 阅读 AI 写同款· GEO 优化 ›
【错误汇总】PYTHON开发 记录工作中的一些问题 阅读详情

出错的地方：

const HtmlWebpackPlugin = require('htmlWebpackPlugin')

正确的方式：

const HtmlWebpackPlugin = require('html-webpack-plugin')

在这里插入图片描述

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
初识 Webpack (四) 解析stylus文件，将css内容单独分离（loader和plugs配置） 目录 ✦ 前言 ✦ 文章 ➬ 文档 ➬ 遇到的问题 ➬ 配置和实战 ✦本章节学习内容 ✔ 基本代码和目录结构 ➊模块安装 ➋ 添加html-webpack-plugin打包 ➌添加extract-text-webpack-plugin打包 ✦ 整体代码 ✦ 总结 ✦ 前言 普通webpack的打包css被打包到了js文件中，以字符串的形式存在，并且整... 阅读详情

相关推荐

vue-template-loader：构建时编译HTML模板的Vue解决方案

HTML模板是Web开发中最基础、最通用的视图表达形式，其本质是结构化标记语言，需经解析、编译才能具备响应式与指令执行能力。Vue通过@vue/compiler-dom等工具链将模板转化为render函数，实现声明式渲染与类型安全。在微前端、低代码、服务端混合渲染等场景中，纯HTML字符串常含v-if、v-for等Vue语法，但直接v-html无法解析，运行时compile又违反CSP且体积臃肿。vue-template-loader正是为此而生——它作为webpack加载器，在构建阶段将.html文件编译

weixin_34258838的博客 1008

Cannot find module ‘html-webpack-plugin‘

打包，报错 Cannot find module 'html-webpack-plugin'

s_156的博客 5257

Vue 2项目中Poi构建工具定制化配置详解

Poi是Vue 2时代基于Webpack的零配置构建工具，其核心价值在于封装复杂性、默认启用Vue Loader/Babel/HMR等能力，实现开箱即用。理解其‘约定优于配置’原理，是安全定制的前提；掌握poi.config.js的三层结构（顶层白名单配置、中层webpackConfig函数式增强、底层extendWebpack深度穿透），可精准扩展HTML注入、环境变量、CSS提取与哈希、CSP策略等企业级需求。尤其在存量Vue 2项目维护、Webpack 4生态深度绑定或暂无法迁移至Vite的场景下，P

weixin_30617695的博客 347

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

之前项目目录是： 运行起来一切成功，后来新建了build文件目录，并且将webpack.config.js移动到了build文件中， package.json中的script: "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "node ./src/koa....

shenshulong的博客 3万+

webpack核心机制与生产级配置优化：从注释清除到打包瘦身

前端工程化中，构建工具是连接源码与生产环境的桥梁。作为静态模块打包器，webpack通过入口解析依赖图，借助loader转换资源、plugin扩展构建能力，最终输出浏览器可识别的静态文件。然而，默认配置下产物常包含冗余注释、体积膨胀，且构建耗时随项目复杂度上升。理解其核心原理后，开发者可通过持久化缓存、多进程并行、splitChunks拆包等手段显著提升构建效率。注释清除是产物瘦身的关键环节，借助TerserWebpackPlugin与CssMinimizerWebpackPlugin可精确控制保留策略，避

weixin_34122604的博客 489

Vue CLI 工程化本质：从 vue create 到现代前端开发契约

单页应用（SPA）是现代 Web 应用的标准形态，其核心依赖于模块化构建、运行时加载与开发调试一体化的工程体系。Vue CLI 作为 Vue 官方构建工具，将 Webpack、Babel、ESLint 等复杂配置抽象为可交互的标准化流程，实现‘约定优于配置’的工程实践。它不仅封装了 SPA 所需的路由、状态管理、样式预处理等能力，更通过 @vue/cli-service 提供可演进的服务层与安全的配置扩展机制（如 vue.config.js），保障团队协作效率与长期维护性。在 TypeScript、Vue

weixin_33802505的博客 372

Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'

在webpack的管理输出的部分,设定HtmlWebpackPlugin部分,运行npm run build 会报错 Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' 解决方法: npm install webpack npm install -D webpack-cli 接着再运行...

努力学习的肥宅 969

npm build报错Cannot find module ‘html-webpack-plugin‘解决方法

缺少 html-webpack-plugin 模块。

邓邓子的博客 3183

webpack终端Cannot find module ‘HtmlWebpackPlugin‘解决方案

在webpack终端安装了HtmlWebpackPlugin插件, 并进行了相关配置，终端运行后提示 经过百度和查阅其他博客， 解决方案如下： 原错误引入： const HtmlWebpackPlugin = require('HtmlWebpackPlugin') 正确引入： const HtmlWebpackPlugin = require('html-webpack-plugin') 为什么呢？ 初步猜测与安装时候版本名称有关，后续会继续探索是否需要保持一直，再来追更 ...

weixin_45392774的博客 1318

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

之前项目目录是： 运行起来一切成功，后来新建了build文件目录，并且将webpack.config.js移动到了build文件中， package.json中的script: scripts: { test: echo \Error: no test specified\ && exit 1, start: node ./src/koa.js, build: webpack --config ./build/webpack.config.js }, 配置好了之后，运行 $ npm run build 结果报错提示： 发现

【软碟通 | UltraISO】刻录光盘教程（制作U盘启动盘）

前言 今天老师说办公室的电脑有点卡，让我给重新安装一个 Windows 7 系统。于是就用软碟通（UltraISO）在 U 盘上刻录了一个 Windows 7 镜像，然后给老师重装了系统。顺便把制作 U 盘启动盘的教程也分享给大家。 软件 UltraISO v9.7.1.3519：点击跳转（密码：dd2k） 教程 将 U 盘插到电脑上，然后鼠标右击选择格式化（制作启动盘必须格式化） 点击文件-打开 选择下载好的系统镜像（如：Windows 7） 点击启动-写入硬盘映像 选择硬盘

XavierJ的博客 2万+

webplugin 没有画面_htmlWebpackPlugin插件未安装

Error: Cannot find module 'htmlWebpackPlugin'at Function.Module._resolveFilename (internal/modules/cjs/loader.js:582:15)at Function.Module._load (internal/modules/cjs/loader.js:508:25)at Module.requir...

weixin_33781129的博客 770

Unreal浅做一个MetaBall

Raymaching其实就是实时场景的一种渲染方法。主要原理网上有很多详细介绍。简单来说就是，以摄像机为原点，发射很多条射线，而每一条射线以步长为单位向前采样，同时以采样点和最近的物体像素的距离为半径进行一个球形检测。检测到摄像机和场景像素在当前射线方向的距离差小于某个值，就表示射线到达物体表面，然后画这个像素。

xzljj的博客 335

使用webpack打包HTML时报错：Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'

在学习webpack打包的时候，发现打包HTML设定HtmlWebpackPlugin部分出现错误。 Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' 原因是 我之前只全局安装了 webpack ，而这个还需要局部安装。 解决方法: npm i webpack -D npm i webpack-cli -D ...

Wrj6811的博客 697

XPe开发初体验（一）XPe概述

XP Embedded是微软Windows Embedded产品线中非常重要的一环，不过比起大名鼎鼎的Windows Embedded CE，XPe显得过于低调了。在接下来的一段时间里，我希望能够用六篇的篇幅来描述一下XPe的整个开发过程。这个系列文章主要是针对有Windows编程经验，但是没有嵌入式开发经验的开发者，提供一些概念和开发过程的初步介绍。XP Embedded是一个基于Windo

aawolf = new Mobile.MVP 1万+

语音增强评价指标全解析：从MOS到eSTOI的实战指南

本文全面解析了语音增强领域的核心评价指标，包括主观评价的黄金标准MOS，以及PESQ、STOI、eSTOI等关键客观指标。文章详细阐述了各指标的原理、适用场景与实战计算方法，并提供了Python代码示例，旨在帮助开发者和研究者建立科学的评估体系，以平衡语音可懂度与音质，从而优化算法效果。

yhn456789的博客 1200

解决90%前端构建问题：frontend-webpack-boilerplate常见错误与解决方案

想要快速搭建现代化的前端项目却总是被Webpack配置困扰？😓 frontend-webpack-boilerplate作为一款优秀的Webpack 5模板项目，虽然简化了配置流程，但在实际使用中仍然会遇到各种常见问题。本文将为您揭秘90%的前端构建难题，并提供实用的解决方案，让您的前端开发之路更加顺畅！🚀 ## 为什么选择frontend-webpack-boilerplate？✨ fr

gitblog_00711的博客 524

实战指南：基于华为Ascend NPU的大模型W8A8量化调优与精度提升

本文提供了一份基于华为Ascend NPU进行大模型W8A8量化的实战调优指南。详细介绍了从环境搭建、使用msmodelslim框架进行基础量化，到通过离群值抑制、校准集优化和量化回退等关键技术提升精度的全流程。旨在帮助开发者在华为NPU硬件上实现模型推理的显著加速，同时有效控制精度损失。

weixin_29227425的博客 271

现代化微前端架构：5个实战集成方案深度解析

**html-webpack-plugin** 是一个强大的Webpack插件，专门用于简化HTML文件的创建过程，以服务Webpack打包后的资源。通过与Module Federation等现代前端架构技术的无缝集成，它为构建企业级微前端应用提供了完整的解决方案。在前100字的介绍中，我们需要明确：html-webpack-plugin能够自动注入Webpack打包生成的CSS和JavaScri

gitblog_00291的博客 416

2、机器人控制技术：阻抗/导纳控制与强化学习的融合

本文探讨了阻抗/导纳控制与强化学习在机器人控制中的融合应用。阻抗/导纳控制广泛应用于外骨骼和跟踪控制，通过改进方案提升建模误差下的鲁棒性；强化学习则为解决维度灾难、实现最优交互提供了有效途径，尤其在大输入空间、连续时间系统、冗余机器人及鲁棒控制中表现突出。结合近似器与合理奖励设计，强化学习可在无模型情况下实现高效控制。未来，两者融合有望推动更智能、更安全的机器人系统发展。

ice55的博客 300

2025.06.06【Ribo-seq】|riboWaltz：P-site定位与三碱基周期性分析流程

同学们，大家好！今天我们要学习的是riboWaltz——一款专为Ribo-seq（核糖体足迹测序）数据设计的R包，主要用于P-site定位优化和三碱基周期性分析。P-site的准确定位是Ribo-seq下游所有翻译组学分析的基础，riboWaltz为我们提供了系统、可视化、易用的解决方案。P-site定位优化：自动识别不同长度RPF的最佳P-site偏移量。三碱基周期性分析：可视化RPF在CDS、UTR等区域的分布，评估数据质量。多样本/多条件支持：可同时处理多个样本，便于批量分析和对比。

1796

webpack——plugin

webpack——plugin 目录webpack——plugin1. Vue最终发布构建两类版本2. el 和template的区别3. 认识plugin4. 添加版权信息的 plugin5. 打包html的 plugin6. js 压缩 的 plugin7. 搭建本地 服务器 1. Vue最终发布构建两类版本 runtime-only 代码中不可以有任何的template runtime-compiler 代码中可以有template，因为compiler可以用于编译template 解

weixin_44434872的博客 352

EMC中的RE测试与整改

测试主要测试电子、电气设备或系统在正常工作时自身对外界的辐射干扰强度，包括来自电路板、机箱、电缆及连接线等所有部件的辐射骚扰。分为：磁场辐射和。其中后者较为应用普遍。测试频段根据不同标准要求不一致。手机测试的频段主要为30-1000MHZ。需要注意的是设备在进行RE测试时要求尽可能满配置，满负荷的运行。同时RE也是EMC中的难点。

学海无涯的专栏 1671

webpack(三)生产环境的基本配置

一、生产环境所需要做的方面 提取 css 成单独文件 css 兼容性处理 压缩 css js 语法检查 js 兼容性处理 js 压缩 html 压缩 二、基本的生产环境下的webpack.config.js配置 const { resolve } = require('path') const MiniCssExtractorPlugin = require('mini-css-extract-plugin') const OptimiziCssAssetsWebpackPlugin = requ.

why404 346

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

webpack踩坑记录

无论学什么都会一步一个错，在此记录每一步错误供参考。 1、ReferenceError: _dirname is not defined 运行截图 原因：__dirname 注意这里是两个下划线 解决方案为：将webpack.dev.config.js中的_dirname 改为 __dirname 注意这里是两个下划线参照：https://www.cnblogs.com/dqcer/p/...

qq_27004831的博客 309

WINCC7.3破解文件

WINCC7.3硬件够破解文件，有需要的下载！WINCC7.3硬件够破解文件，有需要的下载！
上一篇： vue-router的基本使用
下一篇： phpstudy数据库无法删除解决办法(1045(28000))
点赞 0
评论 0
书签 书签 0
stdue
stdue
博客等级 码龄7年 22粉丝 24原创
+ 关注
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值