TypeScriptコンパイラでインポートされた角度変換モジュールが省略されました

Question

角度1.5のプロジェクトをTypeScriptに変換して、angularTranslateをインポートする際に問題が発生しました。

私はこのようなangularとangular-translateの両方をインポートしよう：

import * as angular from "angular"; 
import * as angularTranslate from "angular-translate"; 

console.log(angular, angularTranslate); 

私はDefinitelyTyped/angular-translate.d.tsからインストールタイピングを使用しています。

私は活字体1.8（module: "commonjs"）でコンパイルすると、それはこのJavaScriptを発する：

"use strict"; 
var angular = require("angular"); 
console.log(angular, angularTranslate); 

あなたはそれを参照していますにもかかわらずangularTranslate輸入を減少している、と同様に使用angular輸入が保存されて見ることができるように。これにより、実行時エラーReferenceError: angularTranslate is not definedが発生します。これはBabelとうまく動作します。 angularTranslateはどのようにインポートする必要がありますか？

編集：

また、これは何も発しなかっ：

import angularTranslate = require("angular-translate"); 

しかし、これは予想される出力発する：

let angularTranslate = require("angular-translate"); 

はにそれが不可能angular-translate moduleに何か問題はありますTypeScriptのimportで使用しますか？

Answer 1

問題は、「角度変換」モジュールが名前空間をエクスポートすることです。一時的な解決策として、古いバージョンのangular-translate.d.tsまたはforkを参照し、手動で修正することができます。

Answer 2

angular 1.5はJSやUMDのモジュール構造をサポートしていません（独自のモジュールシステムを持っています）。したがって、「角度」から何かをインポートした場合、環境モジュール宣言からの型付き型のファイルから型をインポートするだけで、typescript transpilerはCommonJSのインポート定義を結果JSに出す必要がないことを認識することができます（宣言のみがインポートされます）。しかし、CommonJSの必要な構文（またはES6 import "module"）でインポートを直接定義する場合は、モジュールローダまたはバンドラが必要なモジュールをロードするときにangleスクリプトを実行する副作用インポートを作成します。

Answer 3

//インポート角度変換

import angularTranslate from 'angular-translate'; 

は、引用符を使用しません：

var app = angular.module('myApp', [angularTranslate]);