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

Posted 2021-06-13 JackieDYH

给项目增加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 报错

解决

网上查找方法，说删除 node_modules 包重新安装，然并卵

后来将包的版本降到 5 的版本，重新安装包

可以正常使用打包了