デフォルトエクスポートのない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]); 

を活字体で同じコードが（ターゲット：ES6、モジュール：ES6、WebPACKのガイドに記載されたものと同じですべての設定が）：

Module "node_modules/@types/angular-ui-bootstrap/index" has no default export.

エラー低下しますangular.module('app', [uirouter, 'ui.bootstrap']);を使用すると、代わりに 'ui.bootstrap'が見つかりませんでした。

Answer 1

import 'angular-ui-router'作品を使用しているようです。

Answer 2

tsconfig.jsonでallowSyntheticDefaultImportsをtrueに設定して、import uibootstrap from 'angular-ui-bootstrap';を引き続きインポートして、デフォルトのエクスポートがあるかのように設定することができます。

"compilerOptions": { 
    "allowSyntheticDefaultImports": true 
}