小编sag*_*ags的帖子

TypeScript 模块导入和 WebPack

我在让 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)

javascript typescript webpack

3
推荐指数
1
解决办法
2757
查看次数

标签 统计

javascript ×1

typescript ×1

webpack ×1