Webpack4使用 mini-css-extract-plugin 最新版 压缩css 报 “Invalid value used in weak set”

已于 2022-02-11 15:32:30 修改
阅读量1.1k 收藏 1
点赞数
分类专栏： webpack 文章标签： 前端
于 2022-02-11 10:20:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39759137/article/details/122874794
版权

因为webpack4不兼容 mini-css-extract-plugin 最新版

解决方案：

把 mini-css-extract-plugin 降低版本到1.6.2

yarn add -D  mini-css-extract-plugin@1.6.2

or

npm install --save-dev mini-css-extract-plugin@1.6.2

何小半夏
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Webpack4使用 mini-css-extract-plugin最新版2.4.5 压缩css 报 “Invalid value used in weak set”
weixin_42192113的博客
12-07 1997
原因与措施 大致是 min-css-extract-plugin2.4.5 与 webpack4版本不匹配导致，将版本降级。降成1.+ 版本就不报错
webpack使用mini-css-extract-plugin时报错TypeError: Invalid value used in weak set
最新发布
weixin_45747941的博客
05-31 315
vue-cli使用的是4.+，下载最新的mini-css-extract-plugin为2.9.0，与vue-cli不兼容；需要将mini-css-extract-plugin降为1.6.0版本。
Vuepress2版本打包报错：TypeError: Invalid value used as weak map key
CSDN for recording problems
06-27 2252
用 vuepress2 搭建了博客玩了玩，一切都准备就绪，等着一波 build 然后部署一下，不料，没有打包成功通过，出现了下面的错误： 帕拉帕拉-----…一波 google 之后才知道，md 文件里面使用这样类似的 标签导致编译不通过。可以将 标签修改为 或者标签就可以了，例如 效果和 标签一样。......
webpack（4版本）使用
qq_60976312的博客
02-15 1669
webpack（4版本）使用
Error: You forgot to add ‘mini-css-extract-plugin‘...
weixin_55647204的博客
02-28 626
执行 npm run dev:mp-weixin出现报错
optimize-css-assets-webpack-plugin:一个Webpack插件，用于优化\最小化CSS资产
04-28
安装： 使用npm： $ npm install --save-dev optimize-css-assets-webpack-plugin :warning: 对于webpack v3或更低版本，请使用optimize-css-assets-webpack-plugin@3.2.0 。 optimize-css-assets-webpack-plugin@...
webpack4-cdn-plugin:上传 webpack 资源到 cdn，允许重命名散列资源
05-31
webpack4-cdn-插件 将您的 webpack 生成的资产上传到 CDN，允许重命名/重新哈希。 要求和重要说明 Node 8+ （支持async/await ）是必需的推荐。 此插件尚未在Windows平台上进行测试。 此插件仅支持webpack@4 。 ...
extract-css-chunks-webpack-plugin:从大块中提取CSS到多个样式表+ HMR
04-28
请查看我们基于Redux的路由器或其后继者， Extract-css-chunks-webpack-plugin :bottle_with_popping_cork: :bottle_with_popping_cork: :bottle_with_popping_cork: 我们非常高兴宣布Webpack 4支持 :rocket: :...
cleanup-mini-css-extract-plugin:停止mini-css-extract-plugin垃圾邮件
04-01
如何使用将插件添加到您的webpack.config.js ： const CleanupMiniCssExtractPlugin = require ( "cleanup-mini-css-extract-plugin" ) ;module . exports = { plugins : [ new CleanupMiniCssExtractPlugin ( ) ]} ...
theme-css-extract-webpack-plugin:一个webpack 插件，用于提取对应的`multipleScopeVars`主题 css 文件
05-04
@zougt/theme-css-extract-webpack-plugin这个 webpack 插件主要用于使用了和的 webpack 工程将对应的multipleScopeVars主题 css 提取出独立的 css 文件提取主题 css 文件的操作只在 webpackConfig.mode:"production...
ES6新增数据结构WeakSet的用法详解
11-30
WeakSet和Set类似，同样是元素不重复的集合，它们的区别是WeakSet内的元素必须是对象，不能是其它类型。 特性： 1.元素必须是对象。 添加一个number类型的元素。 const ws = new WeakSet() ws.add(1) 结果是报类型错误。 TypeError: Invalid value used in weak set 添加一个对象。 const ws = new WeakSet() var a = {p1:'1', p2:'2'} ws.add(a) console.log(ws.has(a)); 添加OK，结果显示： true 可以通过WeakSet的
WeakSet
u011649976的博客
08-01 395
WeakSet § ⇧ 含义 WeakSet 结构与 Set 类似，也是不重复的值的集合。但是，它与 Set 有两个区别。 首先，WeakSet 的成员只能是对象，而不能是其他类型的值。 const ws = new WeakSet(); ws.add(1) // TypeError: Invalid value used in weak set ws.add(Symbol()
ES6那些不知道的事儿
m0_51431448的博客
09-15 508
这篇主要是整理一些ECMAScript中后来新增的不常用的语法，有的甚至都没见过。像es6新增的let、const、Promise、箭头函数、默认参数等等这些常用就不做介绍了，相信大家使用的都很6，就不再赘述
npm install 遇到watchpack版本问题
weixin_40769123的博客
10-19 2097
optional install error: Package require os(darwin) not compatible with your platform(win32) 问题描述： cnpm install 报错: / [20/51] Installing safe-buffer@^5.0.1[fsevents@~2.1.2] optional install error: Package require os(darwin) not compatible with your platform
webpack打包css相关
Holly1945的博客
01-07 841
css loader style-loader MiniCssExtractPlugin.loader css-loader postcss-loader less-loader scss-loader … css 文件分离 模块化 mini-css-extract-plugin 插件 { test: /\.css$/i, use: [ MiniCssExtractPlugin.loader, { loader: 'css-loader',
打包时,报错TypeError: Class extends value undefined is not a constructor or null
SunPeng的博客
10-24 1358
打包时,报错TypeError: Class extends value undefined is not a constructor or null
jeecg项目报TypeError: Class extends value undefined is not a constructor or null；
张先森的博客
10-17 2519
jeecg项目报TypeError: Class extends value undefined is not a constructor or null；
ES6，新增数据结构WeakSet的用法
weixin_33769125的博客
08-07 224
WeakSet和Set类似，同样是元素不重复的集合，它们的区别是WeakSet内的元素必须是对象，不能是其它类型。 特性： 1.元素必须是对象。 添加一个number类型的元素。 const ws = new WeakSet() ws.add(1) 结果是报类型错误。 TypeError: Invalid value used in weak set   添加一个...
使用mini-css-extract-plugin插件让webpack将css打包到css目录中 路径发生错误
06-06
如果使用 `mini-css-extract-plugin` 插件让 webpack 将 CSS 打包到一个单独的 CSS 文件中，而 CSS 文件中的 URL 路径发生了错误，一般有两种情况： 1. CSS 中的相对路径错误：在 CSS 文件中使用的相对路径应该相...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值