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

在尝试使用Webpack开启gzip压缩时遇到ValidationError,问题源于CompressionWebpackPlugin的版本不兼容。通过将package.json中CompressionWebpackPlugin的版本回退到4.0.0,重新安装后,报错消失,成功实现gzip压缩。

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

报错内容:

$ 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
    throw new ValidationError(ajv.errors, name);
    ^

ValidationError: Compression Plugin Invalid Options

options should NOT have additional properties

    at validateOptions (D:\_DATA_\webStormProject\nuistoj\node_modules\schema-utils\src\validateOptions.js:32:11)
    at new CompressionPlugin (D:\_DATA_\webStormProject\nuistoj\node_modules\compression-webpack-plugin\dist\index.js:55:31)
    at module.exports (D:\_DATA_\webStormProject\nuistoj\config\webpack.config.js:478:7)
    at Object.<anonymous> (D:\_DATA_\webStormProject\nuistoj\scripts\build.js:52:16)
    at Module._compile (internal/modules/cjs/loader.js:688:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10)
    at Module.load (internal/modules/cjs/loader.js:598:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
    at Function.Module._load (internal/modules/cjs/loader.js:529:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:741:12)
    at startup (internal/bootstrap/node.js:285:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:739:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! nuistoj@0.1.0 build: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the nuistoj@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

解决办法:
将package.json中的"compression-webpack-plugin": "^2.0.0", 版本降至 "compression-webpack-plugin": "^1.1.11", 重新安装"compression-webpack-plugin"之后在npm run build即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值