TypeError: CleanWebpackPlugin is not a constructor

在项目中引入clean-webpack-plugin打包后报错

new CleanWebpackPlugin(),
^

TypeError: CleanWebpackPlugin is not a constructor

项目写法:
引入: cnpm i  clean-webpack-plugin -D
webpack.config.js中
复制代码
const CleanWebpackPlugin = require('clean-webpack-plugin')

plugins: [
    new CleanWebpackPlugin(),
    new HtmlWebpackPlugin({
        filename: 'index.html',
        template: './src/index.html'
    })
],        
复制代码

看了一下githup上的写法,现在新版本的clean-webpack-plugin引入已经改为const CleanWebpackPlugin require('clean-webpack-plugin');

所以修改引入写法就OK了

复制代码
const {CleanWebpackPlugin} = require('clean-webpack-plugin')

plugins: [
    new CleanWebpackPlugin(),
    new HtmlWebpackPlugin({
        filename: 'index.html',
        template: './src/index.html'
    })
],   
复制代码

 

 
posted @   潇湘羽西  阅读(11244)  评论(3编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示