ReferenceError: echarts is not defined

[Jmarisa]

When I run the page with the chart, it gives me this error:

(I'm importing the script on angular-cli)

Any ideas?

[xieziyu]

@Jmarisa

1. check if you have correctly installed echarts and imported in .angular-cli.json
2. check if your project is involved with other module resolver, such as webpack or systemjs

[lihuabest]

我也存在这个问题，换了好多echarts版本 都不行。angular-cli.json里确定是加入了echarts的 死活找不到原因

重新测试发现可能是angular的版本原因，angular-cli新生成的项目都是可以运行的，angular对应版本是2.4.0，但是自己项目已经和官方一致是4.2.2了

再补充一下，可以修改angular-cli@1.1.2的配置来解决问题。修改node_modules/@angular/cli/models/webpack-configs/common.js
plugins: [ // 新增这个 new webpack.ProvidePlugin({ echarts: 'echarts' }) ]

[shao37142]

我也有这个问题...想请教一下,我安装完毕之后ngx-echarts这个文件的directive里面没有angular-echarts.directive..ts文件...但是有一个angular-echarts.directive.d.ts...里面export了AngularEchartsDirective,里面的代码和你的angular-echarts.directive.ts的差很多...所以...怎么办...

[xieziyu]

@shao37142 安装后的目录ngx-echarts目录里面，你不需要关心directive目录。
按照README中的说明，根据你的项目类型修改配置即可。

[shao37142]

@xieziyu 主要我是小白...想搞明白这个包到底是个什么原理...弄好了,感谢...

[liusongge]

在node_modules里新增这个 new webpack.ProvidePlugin({ echarts: 'echarts' }) 的话别人如果下代码更改 每次都要在node里添加这个啊。。 有没有其他的方法可以解决呢

[liusongge]

@lihuabest