用 Vue 配置 vue-echarts-v3 支持 IE答案

【问题标题】：Configure vue-echart-v3 with Vue for supporting IE用 Vue 配置 vue-echarts-v3 支持 IE
【发布时间】：2020-05-20 18:03:35
【问题描述】：

我正在尝试将 echarts 与 vuejs 一起使用。我发现vue-echarts-v3 是我用例的完美解决方案。绘制完所有图表后，我注意到我的网络应用程序没有在 IE 中呈现语法错误（SCRIPT1002：语法错误）。我发现这个错误是由于我正在使用的 echart 库造成的。

在 npm 页面上给出了以下配置：对于 webpack 1.x：


      {
        test: /\.js$/,
        loader: 'babel',
        include: [
 -          path.join(prjRoot, 'src')
 -          path.join(prjRoot, 'src'),
 -          path.join(prjRoot, 'node_modules/vue-echarts-v3/src')
        ],
 -        exclude: /node_modules/
 -        exclude: /node_modules(?![\\/]vue-echarts-v3[\\/]src[\\/])/
      },

对于 webpack 2.x+：


      {
        test: /\.js$/,
        loader: 'babel-loader',
 -       include: [resolve('src'), resolve('test')]
 -       include: [resolve('src'), resolve('test'), resolve('node_modules/vue-echarts-v3/src')]
      }

如何在 vue-config.js 中进行相同的配置？这些是我正在使用的软件包版本：

“图表”：“^4.5.0”，
“vue”：“^2.6.10”，
“vue-echarts-v3”：“^2.0.1”，

【问题讨论】：

标签： vue.js webpack vue-component echarts

【解决方案1】：

试试这个。

vue-echarts-v3 的文档并没有告知它，但是您还必须将 echarts 添加到您的 webpack（或您正在使用的任何其他捆绑器）配置中。

{
    test: /\.js$/,
    loader: 'babel-loader',
    include: [
      resolve('src'),
      resolve('test'),
      resolve('node_modules/vue-echarts-v3/src'), // Their suggestion https://www.npmjs.com/package/vue-echarts-v3
      resolve('node_modules/echarts/lib'), // Not suggested, but required as well
    ]
  },

【讨论】：