問題タブ [ng-build]

Iframe 内で Angular アプリを使用しています。ビルド (ng ビルド) の実行後に index.html 内の JavaScript ファイルのパスを変更できるようにしたいと考えています。

これは、Angular アプリをビルドするために使用するコマンドです。

それを行った後、dist フォルダーに次のツリーがあります。

index.html の中を見ると、次のことがわかります。

ビルドコマンドを何らかの形で変更したいのですが、見たことのないフラグや、次のようにjavascriptファイルの別のパスでindex.htmlを生成する他の方法があるかもしれません。

私のプロジェクトは「ng serve」コマンドで作業していますが、ビルド時に空白の画面しか表示されません。そして、このメッセージがコンソールに表示されます:

Angular は開発モードで実行されています。enableProdMode() を呼び出して、プロダクション モードを有効にします。

ルートは読み込まれず、テンプレートの途中に空のタグがあるだけです。

AOT と JIT の両方を試しました。生産モードと開発モード。すべて空白

ここでプロジェクトを公開しました: https://razesheydaei.ir

これは私の angular.json ファイルです:

そして tsconfig.json:

そしてルート：

したがって、これは少し奇妙な問題であり、オンラインのどこにも参照が見つからないようです。ここの誰かが次の点と潜在的な修正に光を当てることができることを望んでいました-

Google の PWA 要件に準拠した Angular CLI アプリケーションがあります。すべてが期待どおりに機能しますが、一部の画像は Service Worker によってキャッシュされていません。

ここに私の ngsw-config.json があります -

admin/images フォルダー内には、いくつかの背景画像、ロゴ、スピナー、アイコンなどがあります。ただし、「ng-build --prod」を実行すると、キャッシュされる画像は、CSS で参照されている画像 (background-画像）。ページ自体に配置されたものはすべて無視されます。

これにより、ロゴやアイコンのないオフライン ページが作成されます。

生成された「dist」フォルダーを見ると、「作業」イメージ ファイルがコピーされ、ランダムなサフィックスが付けられます。

生成された ngsw.json ファイル内では、これらの画像のみが参照されており、欠落しているロゴなどについては言及されていません。

これを完全に解明できる人はいますか？

長い質問で申し訳ありませんが、ここまでお持ちでしたら、よろしくお願いします:)

どんな助けでも大歓迎です！

私のアプリケーションは、使用すると正常にビルドおよび実行されますが、使用するとng serveエラーが表示されますng build --prod。エラーは依存関係に/node_modules/あるため、これを修正する方法がわかりませんか?

エラーメッセージ：

ERROR in Unexpected value 'undefined' imported by the module 'ExampleModule in /Users/Projects/KagiDocs/git/core/node_modules/@angular/material-examples/examples_public_index.d.ts'

パッケージ.json

. このhttps://github.com/angular/material.angular.ioコードベースを複製してプロジェクトを構築しました。