vue项目启动卡在95% 95% emitting CompressionPlugin如何解决

Question

vue项目启动卡在95% 95% emitting CompressionPlugin---如何解决
：删除node_modules,再npm i 是可以启动运行的，之后还会出现这个问题

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

问题描述：vue项目启动卡在95% emitting CompressionPlugin，如何解决？ 解决方案：

1. 删除node_modules目录，并重新安装依赖。 示例代码：

rm -rf node_modules
npm i

1. 检查是否有多个版本的CompressionPlugin，如果有则删除其中一个版本。 示例代码：

npm ls compression-webpack-plugin
npm uninstall compression-webpack-plugin@x.y.z

1. 检查webpack配置文件，查看CompressionPlugin的配置是否正确且没有拼写错误。 示例代码：

// webpack.config.js
const CompressionPlugin = require('compression-webpack-plugin')
module.exports = {
  plugins: [
    new CompressionPlugin({
      test: /\.js(\?.*)?$/i,
      exclude: /\/node_modules/,
      algorithm: 'gzip',
    })
  ]
}

1. 检查是否安装了其他插件或库，可能会与CompressionPlugin产生冲突，尝试排除冲突问题。 示例代码：

npm ls
// 检查是否有与CompressionPlugin冲突的插件或库

1. 修改webpack配置文件，禁用CompressionPlugin进行压缩，或者使用其他的压缩插件。 示例代码：

// webpack.config.js
const TerserPlugin = require('terser-webpack-plugin')
module.exports = {
  optimization: {
    minimizer: [
      new TerserPlugin({
        cache: true,
        parallel: true,
        sourceMap: true,
        terserOptions: {
          compress: {
            drop_console: true,
            drop_debugger: true
          }
        }
      })
    ]
  }
}

若上述方法均不起作用，可以尝试升级相关的依赖。