compression-webpack-plugin GZip插件打包报错 ValidationError: Compression Plugin Invalid Options

最新推荐文章于 2025-03-12 21:16:03 发布

Jane_96

最新推荐文章于 2025-03-12 21:16:03 发布

阅读量2.5k

点赞数 2

分类专栏： React系列文章标签： compression-webpack-plugin

本文链接：https://blog.youkuaiyun.com/Jane_96/article/details/99734322

版权

在使用compression-webpack-plugin进行GZip压缩时遇到错误：ValidationError: Compression Plugin Invalid Options。安装并配置插件后，执行打包操作报错。通过检查配置和重新执行，问题得到解决。

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

安装插件： yarn add compression-webpack-plugin
配置webpack.js ：

const CompressionPlugin = require("compression-webpack-plugin");

return (
	plugins: [
	      new BundleAnalyzerPlugin(),
	      isEnvProduction && new <

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Jane_96

关注关注

2
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

使用低版本的vue-loader遇到的坑之ValidationError: Invalid options object. CSS Loader has been initialized using

qq_41687400的博客

08-07

1万+

使用低版本的vue-loader遇到的坑最近在学习使用webpack打包vue项目，所以一开始下载了vue-loader和vue-template-compiler，但是由于现在15版本的vue-loader需要引入一个插件才能使用，我为了省事，在下载的时候指定了vue-loader的版本是14.2.2，一开始打包什么的都没问题，但是后来加入了style-loader和postcss-loader以及其他的杂七杂八的loader和plugin之后，我使用webpack打包就老是报错，（使用webpack-

React webpack 开启 gzip 压缩报错 ValidationError: Compression Plugin Invalid Options

Jane_96的博客

05-04

2885

报错内容： $ npm run build > nuistoj@0.1.0 build D:\_DATA_\webStormProject\nuistoj > node scripts/build.js D:\_DATA_\webStormProject\nuistoj\node_modules\schema-utils\src\validateOptions.js:32 ...

参与评论您还未登录，请先登录后发表或查看评论

vue npm run build时候报错 ValidationError: Compression Plugin Invalid Options

学习记录

09-13

1万+

eslint Unknown options: reportUnusedDisableDirectives错误

热门推荐

刘先森

03-10

2万+

文章目录问题再现解决方案总结问题再现因项目需要，在前端项目中安装compression-webpack-plugin插件运行npm install compression-webpack-plugin命令之后在package.json文件中已经出现了"compression-webpack-plugin": "^7.1.2"这个依赖项运行npm run serve命令启动项目，报错信息如下： ERROR Error: Rule can only have one resource sou

Vue配置compression-webpack-plugin实现Gzip压缩

m0_67392010的博客

03-09

3236

gzip简介 HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。目前主流的浏览器，Chrome,firefox,IE等都支持该协议。简单来说，gzip是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会快得多。那么客户端和服务器之间是如何通信来支持gzip的呢？通过下图我们可以很清晰的了解。 nginx启用gzip gzip on; # 开启Gzip gzip_static on;

webpack使用copy-webpack-plugin插件遇到错误：Invalid options object. Copy Plugin has been initialized using an

鸭绒的博客

07-26

9540

使用copy-webpack-plugin插件遇到的报错： Invalid options object. Copy Plugin has been initialized using an options object that does not match the API schema. -options[0] misses the property ‘patterns’. Should be: [non-empty string | object { from, to?, context?, glo

webpack-dev-server启动报错Invalid options object

m0_54849806的博客

03-06

938

使用yarn start启动项目时报错 package.json相关依赖如下 "webpack": "^4.43.0", "webpack-cli": "^4.9.1", "webpack-dev-server": "^4.5.0" 报错信息如下： [webpack-cli] Invalid options object. Dev Server has been initialized using an options object that does not match the

webpack使用compression-webpack-plugin插件的时候报错Cannot read property 'emit' of undefined

abcde158308的博客

07-02

1万+

出现Error: Cannot find module ‘compression-webpack-plugin‘错误

m0_64707449的博客

08-07

2411

版本问题。

webpack使用compression-webpack-plugin插件的时候报错Cannot read property ‘emit‘ of undefined

u011200562的博客

07-11

1613

把compression-webpack-plugin降到1.1.12就不会报错了卸载npm uninstall compression-webpack-plugin 安装npm install compression-webpack-plugin@1.1.12 --save-dev

使用 CopyWebpackPlugin 的时候报的错：ValidationError: Invalid options object. Copy Plugin has been initializ

this__valve的博客

07-04

851

Copy-webpack-plugin

npm安装compression-webpack-plugin插件编译报错问题记录

Dragonfly_w的博客

12-07

3074

缘由是本人在不能链接外部网络情况下开发项目，由于需要把项目压缩成。.gz文件，所以就想到这个插件本人先是在外网本上下载这个插件包，直接靠近项目的包文件夹中，结果造成vue编译报错 * 显示让npx browserslist@lastest --update-db(不用管它) * NOT SUPPORTED: option jsonPointes. Deprecated jsPropertSyntax can be used instead.(废话) 主要来了（TypeError: cannot re

打包出现ValidationError: Invalid options object. Copy Plugin has been initialized us

范天缘的博客

02-25

7318

copy-webpack-plugin版本过高,降低版本重新打包 package.json的devDependencies配置 "copy-webpack-plugin": "^10.2.4" 改为 "copy-webpack-plugin": "^4.6.0", 重新cnpm install 然后打包成功

Compression Plugin Invalid Options

知识改变一切

10-17

5478

https://blog.youkuaiyun.com/z9061/article/details/82692634 asset 改为 filename

webpack打包报错 Invalid options object. Dev Server has been initialized using an options object that doe

qq_41820599的博客

12-29

775

因为contentBase:resolve(__dirname,‘build’)报错，将contentBase换成static就可以啦

解决webpack在vue2中打包出现错误，超出打包文件大小限制的问题

weixin_67140738的博客

08-08

873

【代码】解决webpack在vue2中打包出现错误，超出打包文件大小限制的问题。

VvalidationError:Invalid options object.Ignore Plugin has been initialized using an options object

改变从现在开始

03-29

1327

VvalidationError:Invalid options object.Ignore Plugin has been initialized using an options object

ERROR ValidationError: Invalid options object. Compression Plugin has been initialized using an options object that does not match the API schema. - options has an unknown property 'cache'. These properties are valid: object { test?, include?, exclude?, algorithm?, compressionOptions?, threshold?, minRatio?, deleteOriginalAssets?, filename? }

03-08

### 解决Compression Plugin配置选项错误问题当遇到`ValidationError: Invalid options object. Compression Plugin has an unknown property 'cache'`这样的错误时，这通常意味着提供的配置项不符合当前版本的API模式。对于`compression-webpack-plugin`来说，在不同版本之间可能存在配置参数的变化。在较新的版本中，某些旧版支持的属性可能已被移除或更改名称[^2]。例如，如果尝试设置不存在于最新文档中的`cache`属性，则会触发验证失败。因此，建议按照官方文档来调整配置文件内的参数定义。为了修正这个问题并使压缩功能正常工作，可以参考如下更新后的配置方式： ```javascript const CompressionPlugin = require('compression-webpack-plugin'); module.exports = { // ... plugins: [ new CompressionPlugin({ filename: '[path][base].gz', algorithm: 'gzip', // 或者使用其他算法如brotliCompress test: /\.js$|\.css$/, // 定义要处理哪些类型的文件 threshold: 10240, // 只有超过该大小才进行压缩，默认单位字节(Byte) minRatio: 0.8, deleteOriginalAssets: false // 是否删除未压缩前的原始资源文件 }) ] }; ``` 上述代码片段展示了如何正确地指定必要的字段以及去掉不被识别的额外属性。请注意，具体可用选项可能会随着插件版本的不同而有所差异，所以最好查阅对应版本的[官方指南](https://github.com/webpack-contrib/compression-webpack-plugin)获取最准确的信息。 #### 注意事项 - 如果正在使用的不是最新稳定版，请确认所参照的是相应版本范围下的说明文档。 - 对比现有配置与目标版本的要求，去除不再适用或是拼写错误的关键字。 - 当升级到新版本时，务必仔细阅读发行日志(Changelog)，了解任何潜在破坏性的变更。