search

xieziyu / ngx-echarts

An angular (ver >= 2.x) directive for ECharts (ver >= 3.x)
https://xieziyu.github.io/ngx-echarts/
MIT License
1.11k stars 197 forks source link

ReferenceError: echarts is not defined #10

Closed Jmarisa closed 7 years ago

Jmarisa commented 7 years ago

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

captura de ecra 2017-06-28 as 15 52 29

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

Any ideas?

xieziyu commented 7 years ago

@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 commented 7 years ago

我也存在这个问题，换了好多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 commented 7 years ago

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

xieziyu commented 7 years ago

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

shao37142 commented 7 years ago

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

liusongge commented 5 years ago

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

liusongge commented 5 years ago

@lihuabest