問題タブ [ts-loader]

アプリがホストされているすべての環境でテストを展開して実行できるように、すべてのテストを webpack でパックしています。タイプスクリプトファイルを処理します。tsc が js にトランスパイルしたテスト ファイルを実行すると、同じ動作が得られます。これがスタックトレースです。どんな助けでも大歓迎です。

使用したwebpackファイル

と私の tsconfig.json

ASP.NET MVC 5 (Core ではない) + Angular 2.0.0 + JSPM + SystemJS + TS Loader をセットアップしてみます。

私の意見では、TS ローダーに問題がある可能性があります。何かアドバイス？

アプリを実行するとエラーが発生します：

ここに私の設定ファイルがあります：

tsconfig.json

config.js (jspm、構成ファイルは簡素化されています)

index.html

ブートストラップ.ts

コーヒー スクリプトで記述された Angular アプリケーションで作業している場合があります。コーヒーで書かれた既存の ng1 ディレクティブに新しいコンポーネントを埋め込もうとしています。ドキュメントによると、私はただしなければならないはずです...

1.) ファイルの名前を .ts に変更します 2.) 次の (ish) を追加します...

問題は、私がコーヒースクリプトを使用しているため、それを行うことができないことです。だから私はこのように（JSを明確にするために）バックティックにそれを追加しようとしました...

次に、.coffee ローダーをインクルードするように変更します

しかし、これはトランスパイル中に大量のエラーをスローします。すべてのファイルをトランスパイルして拡張子を変更するよりも簡単な方法はありますか? これは役立つので、まだマージできます。

私は Typescript で書かれた Angular 2 アプリケーションに取り組んでいます。これは webpack を ts-loader と組み合わせて使用​​してすべてをまとめています。

さまざまなビルド出力に対応するために webpack の resolve.alias に大きく依存しており、問題に遭遇しました。

特定のビルドを実行すると、ts-loader は、現在のビルドで使用されているモジュールが見つからないというエラーをスローします。これは、エイリアスが別のファイルを指しているためだと思います。

例: ファイル: myApp.ts

2 つのエイリアス JSON ファイルがあります。

• ビルド A は remoteSystemLogger を使用し、
• ビルド B は consoleLogger を使用します

これで、各ロガー クラスは相対的な依存関係をインポートします。例えば：

ファイル: remoteSystemLogger.ts

問題は、ビルド B を実行すると、次のようなエラーが表示されることです。

remoteSystemLogger.ts のエラー

エラー TS2307: モジュール 'http' が見つかりません。

http と remoteSystemLogger は現在、ビルド B のエイリアス JSON ファイルで指定されていません。ビルド B はそれに依存していないはずだからです。

webpack ビルドに使用されるエイリアス ファイルは、ビルド時にパラメータによって決定されます。

これは webpack config で使用される解決の例です

ts-loader の設定は次のとおりです。

何かを誤って設定したのか、それともローダー、webpack のリゾルバー、またはエイリアシングのしくみに関する私の理解の問題なのかはわかりません。

私の理解では、その webpack は、エイリアス ファイルとエントリ ポイントに基づいて、インポート/依存関係ツリーをトラバースします。

追加の環境情報:

package.json のセットアップ:

• "ts-loader": "^1.2.1",
• "webpack": "^1.13.0"

アプリケーションの最小限の webpack の例を作成し、「./file.name.html」で templateUrl を使用してコンパイルしようとしました。しかし、アプリケーションで表示されるのは、インデックス ページの templateUrl の名前 "./file.name.html" だけです。コンソールと

は表示されなくなりました。webpack を使用しようとする前に、systemJs を使用しましたが、私のアプリは非常にうまく機能していました。なのでアプリの問題ではないと思います。

私の開始ファイル名は boot.ts です

app.component 定義は次のようになります

私のwebpack.config.js

package.json

および tsconfig.json

Ui-router を使用していますが、正しい URL が読み込まれていることがわかりますが、「./appHeader.component.html」のようなテンプレート ファイル名のみが表示され、テンプレートは表示されません。

typescript/react プロジェクトで ES6の新しいコレクション型を使用しようとしています。

IntelliJ と Webpack は警告なしでコードをコンパイルできますが、Chrome 55 で実行時にエラーが発生しました。 this.props.myMap.forEach is not a function

tsconfig.json

package.json

ブラウザのコンソールに入力するときに Map 型を使用できるので、typescript のコンパイルの問題だと思います。どこかに依存関係がありませんか？

--- 編集 --- 実際には初期化の問題でしたが、Typescript フィードバック/型警告が表示されない理由はまだわかりません。

これが「MyComponent」と呼ぶ方法です

エラー TS2354が発生します: この構文にはインポートされたヘルパーが必要ですが、モジュール 'tslib' が見つかりません。importHelpersTypeScript 2.1の新しいオプションを使用して、私のwebpack 2ビルドで。バンドルは期待どおりにビルドされているようですが、エラー メッセージが厄介です。ここで私が間違っていることを誰かが指摘できますか? それともrxjs\Subject.d.ts、エラーごとに問題がありますか ((Subject.d.ts:9,43) という行が使用され、無実のextendsキーワードが使用されています)。

main.ts

パッケージ.json

tsconfig.json

webpack.config.js