問題タブ [ts-loader]

typescript 2.1 にアップグレードしてから、Can't resolve 'file'webpack の実行時に大量のエラーが発生しているようです

エラーの場所の例は次のとおりです: https://github.com/QuantumInformation/youtube-space-invaders/blob/master/src/Game.ts#L32

Typescript 2.0.10 から 2.1.4 にアップグレードすると、エントリ ポイントまたは gulp ソース グロブが尊重されなくなったため、webpack、webpack-stream、ts-loader、または gulp で何かが壊れているように見えます。/client および app.ts の ts ファイルだけでなく、gulp.src および Web パック エントリ ポイントにあるすべての .ts ファイル (/server ソース フォルダー内のファイルを含む) がプロジェクトに含まれているようです。これを行うべき別の/新しい/より良い方法はありますか?

gulpファイルで：

Web パック構成:

tsconfig.json で:

2.0.10 を使用した出力:

2.1.4 を使用した出力:

WebPack、TypeScript、および TS-Loader を使用したアプリの構造とビルド プロセスに問題が見つかりました。これは TypeScript 2.1.4 が原因であると考えていましたが、ずっと問題があったようです。

私の他の投稿からすべての詳細を見ることができます: TypeScript 2.1.4 break changes in webpack ts-loader

要するに、Gulp と WebPack を /client/app.ts のエントリ ポイントに設定しましたが、現時点ではほとんど何も含まれていません (確かに /server/ を参照するものは何もありません) が、WebPack ビルド プロセスの TypeScript コンパイル ステージではまだ/server で実行します (また、他の投稿では、クライアント フォルダーからのみ実行する必要がある場合に、サーバー フォルダーからのコンパイル エラーを示しています)。

/client/.ts ファイルでのみ実行され、具体的には app.ts から構造をウォークするように修正するにはどうすればよいですか?

これまでに作業したすべてを示すレポは次のとおりです。 https://github.com/CmdrShepardsPie/test-ts-app/tree/develop

ありがとう

Webpack にバンドルされている Angular 2 アプリケーションがあり、Karma-webpack を使用して Karma を介して Jasmine でテストされています。開発時には、コードがバンドルされ、正しく提供されます。テスト時に、awesome-ts-loader が .spec.ts ファイルで「モジュールの解析に失敗しました」というエラーをスローします。

Github Readme で説明されている karma-webpack の「代替方法」を使用して、すべての .spec ファイル (karma-shim.js 内) をロードしています。

いくつかのサンプル リポジトリによると、私の karma.conf.js の関連セクションは正しく構成されています。

そして、私のWebpack構成のすべてが並んでいます（部分的なサンプル）：

tslint からのエラーは、Webpack が spec ファイルを正しく見つけていると思わせますが、awesome-ts-loader に渡されていないか、tsconfig.json をロードしていない可能性があります。（繰り返しますが、開発時にはすべて正常にロードされます）。

私は webpack とタイピングが初めてで、新しいプロジェクトをセットアップしようとしています。

webpack をグローバルにインストールしました。

問題は

1. entrypoint.ts のコードを次のようなモジュールに入れることはできません

   モジュール taxCalculator{ [.....entrypoint.ts コード.......] }

2. ポイント1を回避するとwebpackビルドは正常に機能しますが、mainPageControllerの作成中にentrypoint.tsでtestClassを使用できません。アプリケーションをロードすると、コンソールに次のエラーが表示されます。

   taxCalculator.bundle.js:13307 ReferenceError: taxCalculator が定義されていません

3. 私の entrypoint.ts と 2013 では、「require」テキストの下に赤いエラー行が表示されます。

私はすでにインターネットで多くのことを参照しましたが、何も見つけることができず、4〜5時間無駄にしました。誰かが私が間違っていることを教えてくれますか.

以下は、参照用の私のファイルです。

パッケージ.json

tsconfig.json

型付け.json

entrypoint.ts

index.html

testclass.ts

これは私のオリジナルの webpack 構成ファイルで、両方が使用される 2 つの異なる構成で構成されています。

私のすべてのインポートは、たとえば Atom (TypeScript プラグインを備えたテキスト エディター) によって受け入れられますが、現在のところ、次の代替手段のみが機能します。

( に注意してくださいrequire.resolve('ts-loader'))

ご覧のとおり、最初の構成に'ts'はまだ存在しますが (まだ機能しているため)、2 番目の構成ではrequire.resolve('ts-loader'). 今、私はこの要件の理由を見つけようとしています。require.resolve他のプロジェクトでも使用を余儀なくされたことは覚えていますが、その理由を認識していませんでした。

違いを生む目立たないコード行 (2 番目の構成):

コメントすると、 を使用して再び機能し'ts'ます。

私のファイル システムでは、パス lib/date-time/date-time.ts は ./src (resolve/root 配列に記載されています) のすぐ下にあります。また、解決/ルート配列によっては、最初のインポートではありません。

エラーメッセージを含む Webpack 出力: