Typescript'不是一個模塊'錯誤

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

正如上述評論中提及了@FabioAntunes，你就必須出口gantt在你的d3gantt.js文件本身上。 準確的語法將是

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'