TypeError: cleanWebpackPlugin is not a constructor 问题已解决

最新推荐文章于 2023-11-14 09:26:19 发布

原创

最新推荐文章于 2023-11-14 09:26:19 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#webpack

项目场景

错误解决前：

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

//导入每次删除文件夹的插件
//此下一行为错误引用
const cleanWebpackPlugin = require('clean-webpack-plugin')

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

群主很娴

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

TypeError: CleanWebpackPlugin is not a constructor

benben的博客

07-19

2917

引起错误的代码 const path = require('path'); const CleanWebpackPlugin = require('clean-webpack-plugin'); module.exports = { entry : { app : './src/index.js', print: './src/print.js' ...

CleanWebpackPlugin is not a constructor

2 条评论

从零开始的数据猿 2021.03.03
文章很赞，作者辛苦了!
- 群主很娴回复从零开始的数据猿 2021.03.03
  哈哈[face]monkey2:002.png[/face]

TypeError: cleanWebpackPlugin is not a constructor

花匠，学习笔记

09-27

3847

在生产阶段阶段或者开发阶段中，为了清除构建文件夹下（dist）的多余的文件，我们一般使用clean-webpack-plugin插件. 安装方式： npm install --save-dev clean-webpack-plugin 或者 yarn add clean-webpack-plugin --dev 官方解释： By default, this plugin will remove a...

【已解决】TypeError: VueLoaderPlugin is not a constructor问题

qq_39290941的博客

10-26

1万+

TypeError: VueLoaderPlugin is not a constructor at Object.<anonymous> (D:\12.Code\01.tobacco\tobacco-web\build\webpack.base.conf.js:97:5) at Module._compile (module.js:635:30) at Object.Module._extensions..js (module.js:646:10) at Mo.

【webpack】打包出现TypeError: cleanWebpackPlugin is not a constructor 报错处理

徐海东的博客

02-04

1200

打包出现TypeError: cleanWebpackPlugin is not a constructor 报错处理

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

spicyboiledfish的博客

08-15

681

使用clean-webpack-plugin小插件报错CleanWebpackPlugin is not a constructor

weixin_51225684的博客

09-27

1396

TypeError: CleanWebpackPlugin is not a constructor 的错误处理

码飞_CC的博客

11-25

8065

遇到问题按照webpack官网的教程进行学习时，安装clean-webpack-plugin插件后（版本为："^3.0.0"），再build时，发现报错了，配置如下： const CleanWebpackPlugin = require('clean-webpack-plugin') module.exports = { ... plugins: [ new C...

webpack清理插件错误——TypeError: CleanWebpackPlugin is not a constructor

weixin_30325487的博客

09-18

329

Error: clean-webpack-plugin only accepts an options object. TypeError: CleanWebpackPlugin is not a constructor 以上两个错误属于同一个之前这样写的： const CleanWebpackPlugin = require("clean-webpack-plugin")...

[笔记]TypeError: CleanWebpackPlugin is not a constructor

qiyujie_123的博客

11-14

276

遇到控制台报错 TypeError: CleanWebpackPlugin is not a constructor。CleanWebpackPlugin 是打包时使用的插件。所以引入的地方需要使用解构引入。点进去查看发现导出是对象形式。修改引入方式后打包成功。

Uncaught in promise typeError: Clz is not a constructor

最新发布

10-11

`Uncaught in promise TypeError: Clz is not a constructor` 错误通常意味着在 Promise 内部尝试将一个非构造函数的值作为构造函数来使用。以下是一些可能的解决方法： #### 检查构造函数的引入和定义确保 `Clz` 被正确定义和引入。如果是从其他模块引入的，检查引入路径和引入名是否正确。 ```javascript // 示例：正确引入构造函数 import Clz from './path/to/Clz'; async function someAsyncFunction() { try { const instance = new Clz(); // 其他逻辑 } catch (error) { console.error(error); } } someAsyncFunction(); ``` #### 检查变量赋值确保 `Clz` 没有被意外赋值为非构造函数类型的值。可以在使用前进行类型检查。 ```javascript // 示例：类型检查 let Clz; // 假设这里有赋值操作 Clz = 'not a constructor'; async function someAsyncFunction() { if (typeof Clz === 'function') { const instance = new Clz(); // 其他逻辑 } else { console.error('Clz is not a constructor'); } } someAsyncFunction(); ``` #### 调试和日志输出在出现错误的位置添加日志输出，查看 `Clz` 的实际值。 ```javascript async function someAsyncFunction() { console.log('Clz value:', Clz); try { const instance = new Clz(); // 其他逻辑 } catch (error) { console.error(error); } } someAsyncFunction(); ``` #### 检查异步加载如果 `Clz` 是通过异步加载获取的，确保在使用之前已经加载完成。 ```javascript // 示例：异步加载模块 async function loadModule() { const { Clz } = await import('./path/to/Clz'); if (typeof Clz === 'function') { const instance = new Clz(); // 其他逻辑 } else { console.error('Clz is not a constructor'); } } loadModule(); ```