ReferenceError:即使在按顺序导入d3,dc和crossfilter之后,也未定义dc

时间:2018-02-12 14:41:41

标签: javascript angular d3.js dc.js crossfilter

在我使用dc.js和leaflet构建的角度应用程序中,我按照d3,crossfilter2,dc,leaflet的顺序在component.ts中完成了以下导入。

在index.html中,我有dc-leaflet.js的cdn

但是在控制台中我得到了错误:

  

ReferenceError:未定义dc       在dc-leaflet.js:10
      在dc-leaflet.js:124

  

ReferenceError:未定义dc       在scripts.bundle.js:10
      在scripts.bundle.js:124

1 个答案:

答案 0 :(得分:1)

所以,

我认为您还需要传单,交叉过滤器和d3的cdn。

dc.js是一个将所有lib链接在一起的插件。

您可以查看以下示例:dc.js leaflet es6

这些都是使用ES6导入(有点像脚本标签一样工作)。

    import * as thing from 'thing';

我还包含了项目的 cdn脚本代码 版本

此外,我建议您使用webpack或您使用的任何内容注册libs。如果这不起作用,请使用StencilJS,fits in angular

我个人已经在StencilJS中使用了libs。