clean-webpack-plugin 3.0以上版报错,TypeError: CleanWebpackPlugin is not a constructor

本文解决了一个常见问题:在使用clean-webpack-plugin插件时,遇到TypeError:CleanWebpackPluginisnotaconstructor的错误。介绍了错误的原因在于插件引用方式的改变,并提供了正确的配置代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用 clean-webpack-plugin 插件后,在打包过程中,抛出 TypeError: CleanWebpackPlugin is not a constructor 的错误 ❎

// "webpack": "^4.33.0"
// "clean-webpack-plugin": "^3.0.0"

//报错时配置

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

module.exports = {
    ...
    plugins: [
            new CleanWebpackPlugin()
    ]
}
复制代码

正确的写法 ✅

const { CleanWebpackPlugin } = require('clean-webpack-plugin')

module.exports = {
    ...
    plugins: [
            new CleanWebpackPlugin()
    ]
}
复制代码

新版的引用方式已改成 const { CleanWebpackPlugin } = require('clean-webpack-plugin');如果继续使用旧版引用方式,会报 “CleanWebpackPlugin is not a constructor ” 错误

转载于:https://juejin.im/post/5cfe0f435188256073337e42

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值