eCharts 导入不起作用。 _DEV__ 失败未定义

Question

我是这样安装使用NPM、echarts库的

npm install echarts --save

按照我在代码中编写的文档

import * as echarts from 'echarts'

然后我尝试了一个非常简单的例子

const $chart = $('#chart')
let myChart = echarts.init($chart)
const option = {
  title: {
    text: 'ECharts entry example'
  },
  tooltip: {},
  legend: {
    data: ['Sales']
  },
  xAxis: {
    data: ['shirt', 'cardign', 'chiffon shirt', 'pants', 'heels', 'socks']
  },
  yAxis: {},
  series: [
    {
      name: 'Sales',
      type: 'bar',
      data: [5, 20, 36, 10, 10, 20]
    }
  ]
}
myChart.setOption(option)

但我收到了这个错误

ReferenceError: __DEV__ is not defined

你认为是什么问题？ 我找不到有关此错误的文档...

Answer 1

我有如下的导入 echarts，它可以工作

import * as echarts from 'echarts/dist/echarts.js';

Answer 2

  import * as echarts from 'echarts/lib/echarts'
  import 'echarts/lib/chart/line'
  import 'echarts/lib/chart/bar'
  import 'echarts/lib/component/tooltip'
  import 'echarts/lib/component/title'
  import 'echarts/lib/component/legend'

Answer 3

这个 CDN 适合我。 将脚本放在 HTML 文件中。

<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.1.0/echarts-en.common.min.js"></script>

Answer 4

这对我有用（echarts 4.2.1）： import * as echarts from 'echarts';