Question

我以这种方式使用NPM，echarts库安装

npm install echarts --save

在我的代码

中写的documentation之后

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

  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 2

我有以下导入echarts，它可以正常工作

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

Answer 3

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

Answer 4

此CDN对我有用。将脚本放在HTML文件中。

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

为什么echarts导入不起作用？

4 个答案: