我在让 WebPack 为用 TypeScript 编写的项目注入导入的依赖项时遇到了一些麻烦。我的第一个问题是让 TypeScript 识别导入的模块。
我有一个header.ts文件,它声明了一个嵌套在vi.input下的模块,并导出了一个VIInputDirective类。在main.ts文件中,我尝试从header.ts文件导入导出的VIInputDirective类,但似乎无法让 TypeScript 识别它。
头文件
module vi.input.header {
import IDirective = angular.IDirective;
export class VIInputDirective implements IDirective {
...
}
}
Run Code Online (Sandbox Code Playgroud)
主文件
import {VIInputDirective} from "./header.ts"; // Nothing imported; Cannot Resolve issue
VIInputDirective.whatever(); // Does not work
Run Code Online (Sandbox Code Playgroud)
材料.dt.s
declare module vi.input {
...
}
Run Code Online (Sandbox Code Playgroud)
如果我import {VIInputDirective} from "./header.ts";在main.ts文件中交换import VIMHeaderDirective = vi.input.header.VIInputDirective;它工作正常,但是 webpack on transpile/inject 给我以下错误:
VM1469:1Uncaught …Run Code Online (Sandbox Code Playgroud)