compression-webpack-plugin报错记录

最新推荐文章于 2024-08-30 10:14:23 发布

感觉好难

最新推荐文章于 2024-08-30 10:14:23 发布

阅读量671

点赞数

分类专栏：问题记录文章标签： vue.js

本文链接：https://blog.csdn.net/abingll/article/details/114658803

版权

问题记录专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文记录了一个关于Vue项目中由于不当引入vue.config.js而导致的问题及其解决过程。错误涉及到compression-webpack-plugin的使用，通过仔细检查错误信息最终定位并解决了问题。

摘要由CSDN通过智能技术生成

在vue.config.js里引入后，什么配置都没有写，就开始报错：如下

查看报错信息最开始没有找到问题所在，后查找各种方案和配置及版本都没能解决，

最后一条一条查看报错信息，发现如下：

项目里不知道什么时候有了这么一个文件，在其中引入了vue.config.js

导致使用compression-webpack-plugin报错

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

感觉好难

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

compression-webpack-plugin GZip压缩报错

weixin_33938733的博客

05-09

3007

compression-webpack-plugin GZip压缩报错 compression-webpack-plugin用与在打包时直接打出gzip后的文件，减轻服务器的压力最近新开了项目，作为复制粘贴工程师部分代码当然是复制之前的项目的了，然鹅··· 报错了··· 万能百度了白天，都是说降级compression-webpack-plugin版本到1.x，复制粘贴工程师的自我修养告诉我不...

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

Jane_96的博客

08-19

2492

安装插件： yarn add compression-webpack-plugin 配置webpack.js ： const CompressionPlugin = require("compression-webpack-plugin"); return ( plugins: [ new BundleAnalyzerPlugin(), isEnvProductio...

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

compression-webpack-plugin报错问题

小剑儿的博客

09-25

8770

vue-cli项目中使用compression-webpack-plugin版本问题报错，查阅资料才知道是因为在执行npm install时安装了最新的版本，你只需要 npm install --save-dev compression-webpack-plugin@1.1.12 即可解决 ...

vue项目打包压缩静态资源—使用compression-webpack-plugin

最新发布

niuniu2878499107的博客

08-30

1587

vue项目打包压缩静态资源—使用compression-webpack-plugin

安装 compression webpack plugin 报错：Cannot read property ‘tapPromise‘ of undefined

前端看世界

04-01

3383

默认安装 compression-webpack-plugin 插件，会自动安装最新版, 而最新版本不兼容问题，在运行项目时导致报错：Cannot read property 'tapPromise' of undefined；【warning】 Conflict: Multiple assets emit different content to the same filename js/.gz

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

刘先森

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

前端开发遇到Cannot find module ‘compression-webpack-plugin‘问题解决

zy103118的博客

09-01

1万+

------------------------------- 下面是参考的网上的内容（看了下面这个帖子就试了一下上面的内容，问题就解决了）原文链接：https://www.cnblogs.com/xyyt/p/11384818.html vue-cli webpack打包开启Gzip 报错—— Cannot find module 'compression-webpack-plugin 异常描述：复用以前框架，打包的时候报异常提示： Cannot find module 'c...

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

abcde158308的博客

07-02

1万+

compression-webpack-plugin:准备资产的压缩版本以通过内容编码为它们提供服务

05-02

首先，您需要安装compression-webpack-plugin ： $ npm install compression-webpack-plugin --save-dev 然后将插件添加到您的webpack配置中。例如： webpack.config.js const CompressionPlugin = require ( ...

compression-webpack-plugin, 准备压缩的资产版本以提供内容编码.zip

09-18

compression-webpack-plugin, 准备压缩的资产版本以提供内容编码压缩插件准备压缩的资产版本以提供内容编码安装npm i -D compression-webpack-plugin用法webpack.config.jsconst Compressio

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

m0_67392010的博客

03-09

3190

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

compression-webpack-plugin压缩前端代码&服务器nginx代理相关配置

Liuer_Qin的博客

12-02

1139

compression-webpack-plugin压缩前端代码&服务器nginx代理相关配置

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

Dragonfly_w的博客

12-07

2912

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

Error: args must be an array of arguments

前端开发-陈善强

11-29

1248

vue项目运行时出现Error: args must be an array of arguments报错

Vue项目安装依赖时 warning“unmet peer dependency“

热门推荐

miracle_melody的博客

06-07

3万+

Vue项目安装依赖时 warning"unmet peer dependency"

yarn 环境安装依赖报错解决方法（error webpack-dev-server@4.3.1: The engine “node“ is incompatible with this modul）

qq_45271350的博客

10-12

1234

运行yarn打包vue项目时报错：执行以下命令即可： yarn config set ignore-engines true

【webpack】HtmlWebpackPlugin插件报错，The ‘compilation‘ argument must be an instance of Compilation

qq_34838046的博客

10-21

4760

问题：似乎是webpack5和HtmlWebpackPlugin的兼容性问题解决方法：安装4.X的wepback和对应的HtmlWebpackPlugin npm install webpack@4.44.2 npm i --save-dev html-webpack-plugin ps: HtmlWebpackPlugin官网虽然提供了webpack5的下载方式，但是会报错 Webpack 5 npm i --save-dev html-webpack-plugin@next yarn add --

webpack打包应用，在浏览器端运行报错：Uncaught SyntaxError: Unexpected token ‘＜‘

jsmylo的博客

04-28

2703

1.报错原因，路径问题，我们先看打包后默认生成的index.html页面里面引入的js和css文件路径。运行结果： 2.解决办法：找到webpack.config.js文件，修改配置： 3.重新运行打包npm run build,看打包的页面文件变化。 4.浏览器运行补充：output.publicPath:指定了打包之后这些静态资源的根目录。./表示相对路径。 ...

vue中webpack配置compression-webpack-plugin打包压缩和优化，terser-webpack-plugin在构建过程中对 JavaScript 代码进行压缩和优化

葫芦娃y的博客

02-06

4508

vue中webpack配置compression-webpack-plugin打包压缩和优化，terser-webpack-plugin在构建过程中对 JavaScript 代码进行压缩和优化

vue安装compression-webpack-plugin后打包报错

08-28

在Vue项目中安装`compression-webpack-plugin`插件后，可能会遇到打包时报错的情况。`compression-webpack-plugin`是一个用于压缩Webpack构建产出的静态资源（如CSS、JS）的插件，但在添加它之前需要确认几个步骤： 1. **兼容性检查**：确保你的webpack版本支持该插件，因为某些版本可能存在不兼容。 2. **正确配置**：在你的webpack配置文件(`config/index.js` 或 `vue.config.js`) 中，你需要正确地应用这个插件。通常会把它添加到output部分，并设置合适的压缩选项，例如`algorithm`, `test`等。 ```js const CompressionWebpackPlugin = require('compression-webpack-plugin'); module.exports = { //... optimization: { minimizer: [ new CompressionWebpackPlugin({ algorithm: 'gzip', // 压缩算法，默认为gzip test: /\.js$|\.html$|\.css$/, // 指定要压缩的文件类型 threshold: 10240, // 文件大小阈值，低于此值时不压缩 minRatio: 0.8, // 压缩比率低于此值时不压缩 }), ], }, }; ``` 3. **处理错误**：如果打包过程中报错，可能是由于其他依赖冲突、语法错误或者是配置文件解析问题。检查是否有语法错误，以及是否有其他模块与`compression-webpack-plugin`有冲突。如果你已经按照上述步骤操作但仍出现问题，具体的错误信息将是非常重要的线索。常见的错误可能包括缺少必要的模块、路径问题或是对webpack的配置理解有误。建议你在错误日志中查找关键词，或者尝试在网上搜索相似错误以找到解决方案。