打字稿'不是模块'错误

Question

我有一个 Angular2 项目，我需要在其中导入一个 javascript 文件以在我的打字稿中使用。

我在 app/js/d3gantt.js 中有一个 javascript 文件，其中包含 gantt = function() 的单个函数。

gantt = function() {
    //Does lots of stuff
    return gantt;
};

然后我在同一个文件夹中有一个名为 d3gannt.d.ts 的定义文件，如下所示：

declare module 'd3Gantt' {
    export module d3Gantt {
        export function gantt(): any;
    }
}

然后我在我的组件中将其引用为 import * as d3Gantt from '../app/js/d3gantt';

但是，我收到一条错误消息，指出 File 'c:/Projects/RepackLog/RepackLog/RepackLog/app/js/d3gantt.d.ts' is not a module

我是否缺少正确提取文件所需的东西？

谢谢，

Answer 1

正如上述 cmets 之一中提到的 @FabioAntunes，您只需在您的 d3gantt.js 文件本身上直接导出 gantt。 确切的语法是

export gantt = function() {
    //Does lots of stuff
    return gantt;
};

无需在其他任何地方声明它。 有关导出模块的更多说明，请参阅此帖子 (Typescript es6 import module "File is not a module error")。

Answer 2

声明模块如下：

declare module 'd3Gantt' {
  export function gantt(): any;    
}

然后将模块导入为：import * from 'path to your module file' 或 import * as d3 from 'path to your module file'