打字稿:导入不起作用,但包括页面上的脚本工作

时间:2018-01-19 17:44:32

标签: typescript webpack import

我试图在Typescript中使用d3-cloud库:https://github.com/jasondavies/d3-cloud

我通过以下方式加入:

失败:

import * as d3 from 'd3-cloud/build/d3.layout.cloud.js'
declare let d3: any;

注意:d3.layout.cloud.js是此库的独立版本。

然而,当我加载应用程序时。抛出: ERROR ReferenceError:未定义d3

当我使用脚本标记包含相同的库时,它"工作" (还有一些其他错误,但d3已定义)。

工作:

 <script src="../node_modules/d3-cloud/build/d3.layout.cloud.js"></script>

我搜索了如何导入这些库,但是从我发现的,这是包含它的方式。我看到,该库已加载到Chrome中,但库中的断点永远不会被调用。

我注意到,该模块有这个包装器:

(function(f) {
    if (typeof exports === "object" && typeof module !== "undefined") {
        module.exports = f()
    } else if (typeof define === "function" && define.amd) {
        define([], f)
    } else { ...
    }
}
)(function() { .. });

我认为,这也与模块加载器有关。但是,内部永远不会被调用。

我是否必须以某种方式手动调用它?我可以打电话吗?

0 个答案:

没有答案