vue2打包测式环境报错：Critical dependency: the request of a dependency is an expression 怎么回事？

Question

打包正式环境没毛病，本地启动项目也没问题，就是打包测试环境报错

本地启动下测试环境看看，控制台报错：

(mutations.js:108:169)

Answer 1

以下回答引用自chatGpt, 有用的话，请采纳哇！！！
这个错误通常出现在使用 webpack 打包 Vue.js 应用程序时，它表示某些模块的依赖关系无法正确解析。这通常是因为使用了动态导入或导入语句中使用了表达式而导致的。

解决这个问题的方法是，在 webpack 的配置文件中添加以下代码：

module.exports = {
  // ...
  optimization: {
    splitChunks: {
      chunks: 'all',
      name: false,
      automaticNameDelimiter: '_',
      cacheGroups: {
        common: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendor',
          chunks: 'all'
        }
      }
    }
  }
  // ...
}

上述代码使用 optimization.splitChunks 实现提取公共代码，并将所有依赖项打包到一个文件中，以避免出现依赖关系的错误。

如果您仍然遇到这个问题，可以尝试将 “webpack.optimize.CommonsChunkPlugin” 选项移除，这个选项已在 webpack 4 中弃用，应改为使用 optimization.splitChunks。

如果问题还未得到解决，请检查项目中的导入和动态导入语句，确保没有使用动态模板字符串。这可能会导致 webpack 打包时无法正确解析模块的依赖关系，导致出现 critical dependency 错误。