問題タブ [angularbuild]

Angular アプリをビルドするために、実行時に json ファイルから構成変数を読み込みたい

src ディレクトリに json ファイル app.conf.json を作成しました。

抽象クラス AppConfig を作成しました:

サービスを作成しました

その後、app.module.ts でプロバイダーを作成しました。

これでファイルがロードされ、データ (window.config) を environment.ts ファイルに渡したいと思います。そのために、環境を拡張できるクラスを作成しました。

そして、私のenvronment.tsファイルで：

問題はここにあります。環境ファイルにデータを取得できません。理由やエラーの場所がわかりません。それは私のウィンドウ変数にありますか？または、環境ファイル内のデータを取得する別の方法はありますか?

よろしくお願いします。

チュートリアルに従って、Angular で最初の独自のカスタム コンポーネント/Web コンポーネントを生成しようとしました: https://indepth.dev/posts/1116/angular-web-components-a-complete-guide 2020 年からなので、比較的アップしているはずです。現在まで。他のツッツも試してみたのですが、いつも同じで、scripts.jsとstyles.jsのファイルはのちに出すはずなのですがng build...、抜けています。別のラップトップでも試しました。

チュートリアルのすべての手順を実行した後、出力として次のファイルを取得します。

チュートリアルによると、次のファイルを取得する必要があります。

したがって、scripts.js がありません。styles.jsは、実際には末尾が .css のstyles.cssファイルです。

私はまだ index.html ファイルでそれを使用しようとしました:

しかし、ブラウザで開くとページは空白で、コンソールには何も記録されません。

私は次のバージョンを使用しています：

編集: scripts.jsとstyles.jsファイルなしで動作させることができました。私が見つけた唯一の方法は、index.html 内の生成されたファイルへのパスを絶対パスに置き換えることでした。

結果：

しかし、絶対パスを使用することはできません。相対パスで動作させるにはどうすればよいですか?

Angular テンプレートを使用して ASP.NET Core WebAPI アプリケーションを開発しています (最初の Angular アプリは ASP.NET によって生成されます)。

アプリをローカルで実行すると、すべてが期待どおりに機能します。ただし、公開されたアプリは、レイアウトを大幅に壊す余分な CSS を受け取ります。私の最善の仮定は、prod ビルドが想定されていないこと (または単に実行したくないこと) を実行するということです。

これは、プロダクション ビルドに追加される CSS です。

そして、これはangular.jsonstylesのプロパティです:

prod ビルドに関する古いスレッドで CSS の順序が台無しになっているのを見たことがありますが、修正は現在非推奨です。

これがどのように起こるか考えていますか？それを防ぐために私にできることはありますか？

私の angular.json で fr-Fr ロケールを追加すると、'fr-FR' のロケール データが見つかりませんというメッセージが表示されます。コマンド npm run build の実行時に「fr」のロケール データを使用します。

ただし、fr-FR が生成された dist フォルダーに適切な構造が表示されます。これは無視できる警告ですか、それとも構成に問題がありますか。

PS: zh-HK などの他の有効なロケールについても同じメッセージが表示されます。