TypeError: CleanWebpackPlugin is not a constructor

最新推荐文章于 2023-11-14 09:26:19 发布
原创 最新推荐文章于 2023-11-14 09:26:19 发布 · 470 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#clean-webpack-plugin使用报错

本文解决在使用CleanWebpackPlugin插件时遇到的TypeError错误，通常是因为插件引入方式不正确导致。文章详细介绍了错误的写法与正确的写法，帮助读者避免常见陷阱。

在使用clean-webpack-plugin插件时，遇到TypeError: CleanWebpackPlugin is not a constructor报错，如下图：

这往往是插件的引入方式不对造成的，错误写法：

const CleanWebpackPlugin = require('clean-webpack-plugin');

正确写法：

// 以对象的形式导入
const { CleanWebpackPlugin } = require('clean-webpack-plugin');

执行打包：

修改之后，即可打包成功！?

TypeError: cleanWebpackPlugin is not a constructor 问题已解决
weixin_55242897的博客
02-28 1241
项目场景 const path = require('path') const htmlWebpackPlugin = require('html-webpack-plugin') //导入每次删除文件夹的插件 //此下一行为错误引用，{ CleanWebpackPlugin }为固定导入法，引用时用new CleanWebpackPlugin() //const cleanWebpackPlugin = require('clean-webpack-plugin') const { CleanWebpa
TypeError: CleanWebpackPlugin is not a constructor 的错误处理
码飞_CC的博客
11-25 8071
遇到问题 按照webpack官网的教程进行学习时，安装clean-webpack-plugin插件后（版本为："^3.0.0"），再build时，发现报错了，配置如下： const CleanWebpackPlugin = require('clean-webpack-plugin') module.exports = { ... plugins: [ new C...
CleanWebpackPlugin is not a constructor
热门推荐
西风XF的博客
05-31 3万+
// webpack版本：4.32.2 // 抛错原写法 const CleanWebpackPlugin = require("clean-webpack-plugin"); ... plugins: [ new CleanWebpackPlugin(['dist']) ] ... // 另一种错误写法 const CleanWebpackPlugin = requi...
TypeError: webpack.optimize.OccurenceOrderPlugin is not a constructor
03-19
当出现 `TypeError: webpack.optimize.OccurenceOrderPlugin is not a constructor` 时，通常与以下原因相关： 1. **Webpack 版本升级**：Webpack 4+ 已弃用 `OccurenceOrderPlugin`，直接使用会导致语法不兼容[^4]...
TypeError: s is not a constructor at t.exports (mqtt.js:1) at u (mqtt.js:1) at Object.t.exports (mqtt.js:1) at v.streamBuilder (mqtt.js:1) at v._setupStream (mqtt.js:1) at new v (mqtt.js:1) at c (mqtt.js:1) at li.onShow (index.js? [sm]:110) at li.<anonymous> (WASubContext.js?t=wechat&s=1741609820136&v=3.7.10:1) at li.c.__callPageLifeTime__ (WASubContext.js?t=wechat&s=1741609820136&v=3.7.10:1)(env: Windows,mp,1.06.2412050; lib: 3.7.10)
03-11
根据用户提供的引用，类似错误如“WebSocket is not a constructor”[^1]、“cleanWebpackPlugin is not a constructor”[^2]、“Vue is not a constructor”[^3]以及“c is not a constructor”[^4]通常与构造器...
app.js ReferenceError:require is not defined
最新发布
06-27
特别是当出现类似 `TypeError: CleanWebpackPlugin is not a constructor` 的错误时，应确保插件版本与 Webpack 兼容，并正确导入插件[^2]。 #### 4. 避免在浏览器中使用 require 如果不需要复杂的打包流程，可以...
[笔记]TypeError: CleanWebpackPlugin is not a constructor
qiyujie_123的博客
11-14 286
遇到控制台报错 TypeError: CleanWebpackPlugin is not a constructor。CleanWebpackPlugin 是打包时使用的插件。所以引入的地方需要使用解构引入。点进去查看发现导出是对象形式。修改引入方式后打包成功。
TypeError: cleanWebpackPlugin is not a constructor
花匠，学习笔记
09-27 3852
在生产阶段阶段或者开发阶段中，为了清除构建文件夹下（dist）的多余的文件，我们一般使用clean-webpack-plugin插件. 安装方式： npm install --save-dev clean-webpack-plugin 或者 yarn add clean-webpack-plugin --dev 官方解释： By default, this plugin will remove a...
webpack报错 CleanWebpackPlugin is not a constructor
qq_43477721的博客
04-20 351
学习webpack报错 throw err; ^ TypeError: CleanWebpackPlugin is not a constructor 修改 webpack.config.js 文件 const {CleanWebpackPlugin} = require('clean-webpack-plugin'); . . ...
使用clean-webpack-plugin小插件报错CleanWebpackPlugin is not a constructor
weixin_51225684的博客
09-27 1398
2.配置时不能传参数，在最新版的webpack中 new CleanWebpackPlugin()；中不需要写里面的目标路径，会自动清除生成的文件夹，比如是dist文件夹，如果加上了目标路径。3.这个问题很奇怪，由于是我个人习惯原因，我在引入的时候第一个字母会小写，1.引入时与之前版本不同，如果还像以前那样用。
CleanWebpackPlugin is not a constructor 安装clean-webpack-plugin报错
qq_39882537的博客
03-25 229
使用插件 clean-webpack-plugin 时候报错 CleanWebpackPlugin is not a constructor 注意引用插件版本问题，版本太高也不行，“clean-webpack-plugin”: “^2.0.2” 大小写问题 开头C要大写，养成习惯插件开头大写，变量开头小写 CleanWebpackPlugin 参数问题，new CleanWebpackPlugi...
webpack插件使用报错：CleanWebpackPlugin is not a constructor
H_xiang_xiang的博客
06-21 360
用 clean-webpack-plugin 插件，在每次发布之前先把dist老文件清空 npm install -D clean-webpack-plugin package.json 简化打包指令 “scripts”:{ "pub": "webpack --config webpack.publish.config.js" } webpack.publish.config.js 错误配置 const CleanWebpackPlugin = require('clean-webpack-plug
TypeError: WebSocket is not a constructor
11-21
TypeError: WebSocket is not a constructor 错误通常是JavaScript中遇到的一个常见错误，当你尝试创建一个新的WebSocket对象，但JavaScript引擎找不到名为WebSocket的构造函数时就会抛出这个错误。WebSocket是一种...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值