没有默认导出的 Typescript+AngularJS+Webpack 模块

Question

我正在使用 Webpack 将 AngularJS 与 Typescript 捆绑在一起（建议使用默认设置 here），并且我不能包含没有默认导出的模块，例如 ui-bootstrap。 ui-router 等模块没有这样的问题，因为它们的类型提到了默认导出。

JS 代码有效：

import * as angular from 'angular';
import router from 'angular-ui-router';
import uibootstrap from 'angular-ui-bootstrap';

angular.module('app', [uirouter, uibootstrap]);

但是 Typescript 中的相同代码（目标：es6，模块：es6，所有设置与 webpack 指南中提到的相同）会报错：

模块“node_modules/@types/angular-ui-bootstrap/index”没有默认导出。

使用angular.module('app', [uirouter, 'ui.bootstrap']); 会引发“未找到“ui.bootstrap”错误。

Answer 1

您可以在 tsconfig.json 中将 allowSyntheticDefaultImports 设置为 true 以继续导入 import uibootstrap from 'angular-ui-bootstrap';，就像 angular-ui-bootstrap 具有默认导出一样。

"compilerOptions": {
    "allowSyntheticDefaultImports": true
}

Answer 2

似乎使用简单的import 'angular-ui-router' 就可以了。