問題タブ [angular10]

私はかなり大きな角度のプロジェクトに取り組んでいます。2020 年のほとんどの期間、Angular 8 を使用してきましたが、Angular 9 および 10 へのアップグレードを延期しました。これは、前回アップグレードを試みたときに、アプリケーションが正しくないと感じたためです。そのため、私たちが経験していた問題をアップグレードして修正するために夏を利用することにしました。私は実際のアップグレードには関与しておらず、担当者は休暇を取っています。

開発環境に影響を与える問題がいくつかありますが、本番ビルドでは発生しません。

• setTimeout -関数が機能しなくなりました。1 秒のタイムアウトは、実際には 30 秒かかる場合があります。delay ()など、さまざまなrxjsの代替手段と同じです。setTimeout() を使用するすべての関数がフリーズまたはハングしているように見えます。
• 保存時にホット リロードが失われました。
• Chrome devtools は非常に遅延を感じます。
• アプリ全体が予測不能に感じます。
• 保存時にアプリケーションを再コンパイルするのは非常に遅いです。

繰り返しますが、私たちのプロダクション ビルドはこれらの問題、特に setTimeout の問題には悩まされていないようです。

angular.json と tsconfig-configurations を調べて Ivy をオフにしようとしましたが、うまくいきませんでした。また、最新バージョンの Node.js を実行しており、node_modules と package-lock.json を複数回削除しようとしました。

誰かが同様のことが起こっていると聞いた場合、またはアドバイスがあれば、それは大歓迎です. Ivy コンパイラに問題を引き起こしている依存関係はありますか?

Angular.json

tsconfig.json

tsconfig.app.json

tsconfig.base.json

依存関係

ページにAngularコンポーネントのみを表示し、Angularコンポーネントからヘッダーとフッターを含む他のすべてを非表示にするにはどうすればよいですか? ヘッダーとフッターはすべてのコンポーネントに自動的に配置され、html でコーディングすることさえありません。

緑色の枠内のコンポーネント画像

次のソリューションを使用すると部分的に機能しますが、実際のコンポーネントがロードされている間、ヘッダーとフッターが数秒間表示されることがあります。

Angular コンポーネントを画面全体の高さにする方法

これは製品コンポーネントの HTML です。

Angular 10.0.3 アプリのテストで空白のページが表示されます。ここで server.js：

パッケージ.json:

angular.json

私がそれを介しng serve --openて始めたとき、それはうまくいきます。node server.jsしかし、プロジェクトのディレクトリから起動したい場合、空白のページが表示されます。

私はこの記事を使用しており、その下からレポを使用しています。パスの問題は何だと思います-スクリプトはコンパイルできません。