vue cli3/vue cli4開啟gzip打包報錯：TypeError: Cannot read property 'tapPromise' of undefined

給我的項目增加gzip打包，vue cli版本是4.5.0，結果報以下錯誤：

1、首先：yarn add compression-webpack-plugin -D（給我安裝的是7.1.0）

2、然后修改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, // 刪除原文件
      }),
    ],
  },

3、最后執行npm run build

4、然后出錯……

TypeError: Cannot read property 'tapPromise' of undefined

第一反應是刪除node_modules包重新安裝，然並卵

然后我安裝5.0.0就解決了這個問題