TypeError Cannot read property ‘tapPromise‘ of undefined

  // 打包压缩
    config.plugin('CompressionPlugin').use(
      new CompressionPlugin({
        filename: '[path].gz[query]', // 压缩后的文件名(保持原文件名，后缀加.gz)
        algorithm: 'gzip', // 使用gzip压缩
        test: new RegExp('\.(' + ['js', 'css'].join('|') + ')$'), // 匹配文件名
        threshold: 10240, // 对超过10k的数据压缩
        minRatio: 0.8 // 压缩率小于0.8才会压缩
      })
    )

使用vue cli 4 webpack进行打包时出现了 ERROR TypeError:Cannot read property ‘tapPromise‘ of undefined问题, 以为配置有问题但是最后发现是是compression-webpack-plugin版本问题，

compression-webpack-plugin 默认安装的是 7 版本的

先执行卸载命令->npm uninstall compression-webpack-plugin

执行安装命令->npm i compression-webpack-plugin@5.0.1