使用 Vue 配置 vue-echart-v3 以支持 IE

Question

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

在 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"，

Answer 1

试试这个。

vue-echarts-v3 的文档没有通知它，但你也必须在你的 webpack(或你正在使用的任何其他捆绑器(配置中添加 echarts。

{
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
]
},