問題タブ [ngx-translate]

私のプロジェクトは Angular CLI でセットアップされているため、webpack でビルドされていますが、webpack 構成ファイルは非表示になっています。

と の 2 つのファイルをnl.json取得しましたが、正しいフォルダーに移動するように見えますが、両方の をfr.json取得します: 。404http://localhost:4200/i18n/nl.json

それらの構造は次のとおりです。

でapp.module：

と

私はまた、翻訳を使用[しようとする]サブモジュールにこれらを含め.forChildます.forRoot.

私のコンポーネントでは：

リンクされていないものngx-translateでしょうか？パイプ<h1>{{ 'SEARCH_PAGE.searchPerson' | translate}}</h1>を使用すると画面に何も表示されませんが、ディレクティブ<h1 translate]="'SEARCH_PAGE.searchPerson'"></h1>を使用すると文字通り文字列が表示されます。

私はAngularが初めてで、次の特徴を持つ新しいプロジェクトの構築を開始しています。説明が十分に明確でない場合は申し訳ありません。より多くの情報を提供できることを嬉しく思いますが、プロジェクト全体を通して無関係な情報を得たくありません。

私は使用しています

• ビジュアル スタジオ 2015
• ASPNET コア
• AspNetCore.Angular サービス
• ngx-翻訳

[ https://github.com/ngx-translate/core][1]で提供されている例と手順に従いました。

私のコードは期待どおりに機能しており、4 つの言語を翻訳し、ルーター内の複数のコンポーネントでパイプ ディレクティブを使用できます。これは、json ファイルがロードされ、適切に構造化されていることを意味します。json ファイルにエラーがあったという報告をたくさん見ましたが、私の場合はそうではありませんでした。

ただし、私の問題は、デフォルトの言語とコンストラクターで使用される言語を設定する行を追加できないことです。

これらの行のコメントを外すたびに、エラーが発生します

例外: Node モジュールの呼び出しが次のエラーで失敗しました: SyntaxError: Unexpected token in JSON at position 0 at JSON.parse ()

これらの行にコメントすると、アプリケーションは問題なく起動します。詳細は、言語がまだセットアップされていないことだけです。ドロップダウン リストで手動で選択すると、すべてが期待どおりに機能します。

ここにhtmlファイルがあります

ここに私のアプリモジュールがあります

何を試してみるべきかについてのヒントを教えていただければ幸いです。これまでのところ、これらは私が問題を解決しようとしたものです

• デフォルト言語の定義を移動し、ngOnInit に使用 (同様に失敗)
• デフォルト言語の定義を移動し、ボタンで呼び出される関数に使用 (問題なく動作します)
• デフォルト言語の定義を移動して、ngAfterViewInit() および ngAfterViewChecked() に使用してみてください。

問題は、json ファイルが wwwroot ディレクトリからロードされていないか、アプリケーションの起動時にサービスがそれらを見つけられないことだと思われます。アプリケーションを起動すると、問題なくそれらが検出され、すべてが期待どおりに機能します。

コメントをお寄せいただきありがとうございます。この問題のデバッグに役立つ情報があれば教えてください。