vue-cli开启gzip打包报错TypeError: Cannot read property ‘tapPromise‘ of undefined-解决

灰太狼 2022-10-16 06:14 204阅读 0赞

# 给项目增加gzip打包 #

> yarn add compression-webpack-plugin -D（**默认安装的是7以上的最新版本**）

# 修改vue.config.js #

const CompressionWebpackPlugin = require('compression-webpack-plugin');
      configureWebpack: {
        plugins: [
          new CompressionWebpackPlugin({
            filename: '[path].gz[query]',
            algorithm: 'gzip',
            test: /\.(js|css)(\?.*)?$/i,
            threshold: 10240, // 对超过10k的数据进行压缩
            minRatio: 0.8, // 只有压缩率小于这个值的资源才会被处理
            deleteOriginalAssets: false, // 删除原文件
          }),
        ],
      },

## 最后执行npm run build 报错 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phY2tpZURZSA_size_16_color_FFFFFF_t_70][]

# 解决 #

> 网上查找方法，说删除 node\_modules 包重新安装，然并卵
> 
> 后来将包的版本降到 5 的版本，重新安装包

![20210527130607803.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phY2tpZURZSA_size_16_color_FFFFFF_t_70 1][]

> 可以正常使用打包了

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phY2tpZURZSA_size_16_color_FFFFFF_t_70]: /images/20221014/2011ce876a0149419ef1d16829dd1020.png
[20210527130607803.png]: /images/20221014/a038700120f54d0787a14583f74b0543.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0phY2tpZURZSA_size_16_color_FFFFFF_t_70 1]: /images/20221014/9a564b564c154332b1aa09c5dd84a000.png