3

我正在使用 Webpack 将 AngularJS 与 Typescript 捆绑在一起（此处建议使用默认设置），并且我不能包含没有默认导出的模块，例如 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' not found 错误。

4

2 回答 2

4

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

"compilerOptions": {
    "allowSyntheticDefaultImports": true
}
于 2017-05-25T11:56:29.523 回答
2

似乎使用了一个简单的import 'angular-ui-router'作品。

于 2017-05-29T12:08:10.777 回答