問題タブ [angular2-universal]

Angular 2 Universalを使用しています。

html 部分に次の行があります。

クライアント側では完全に機能しますが、ページが読み込まれると、(サーバーのレンダリングのため)ターミナルにこのエラーが表示されます。

レンダリング ドキュメント エラー: TypeError: str.replace は関数ではありません

angular2-universalのメンテナーはサイトを更新していません。

問題 1)

問題 2)

どうすれば解決できますか? 私はマックを使用しています。

この質問では、アプリケーション全体の条件 (プラットフォーム依存のビルド) でコンポーネントをコンパイルする必要がある環境を考慮しています。したがって、ソリューションは Angular 2 のテストからモッキング手法を借りることができますが、本番環境 (AoT を含む) に適用する必要があります。

既存のクライアント側ブラウザー アプリケーションがあることを考慮して、他のプラットフォームの一部のコンポーネントのコンパイルを無効にするか、コンポーネント全体をオーバーライドする必要がある場合があります (Angular Universal サーバー側レンダリングまたはモバイル アプリケーション)。

一部のディレクティブとコンポーネントは、望ましくないため、他のプラットフォームでコンパイルしないでください。いえ

アプリケーションの初期化後も変更されないはずです。

次の 2 つのケースをカバーする必要があります。

• ディレクティブ/コンポーネントのコンパイルを防ぐ
• ディレクティブ/コンポーネントを置換または同じセレクターを持つスタブでオーバーライドする

AngularJS では、条件付きでディレクティブをアプリに追加し、必要な場所で使用するのと同じくらい簡単です。

または、デコレータを使用して定義済みのコンポーネント/ディレクティブの動作を変更します。

これらの Angular 1.x のトリックに対応するものは Angular 2 にありますか?

最小量の WET コードを使用して、Angular 2 でディレクティブとコンポーネントをオーバーライドまたはコンパイルから防止するにはどうすればよいですか?

バックボーンとしてユニバーサルスターターを使用しています。

を実行するnpm startと、次のエラーが発生しました。

ここで説明した回避策を試してみました。これにより、webpack はバージョン 2.1.0-beta.22 に戻りました。

しかし、私はまだこの問題を抱えています。

この問題を引き起こす可能性のあるものは他にありますか? ありがとう

angular/universal-starter の縮小を有効にする方法は?

現在、ブラウザは 3.4MB のindex.jsファイルを読み込みます。

enableProdModeミニフィケーションの責任はありますか？

はいの場合、universal-starter はenableProdModeserver.tsとclient.tsに含まれています。

そうでない場合、縮小を有効にする方法は? ありがとう

angularクラスのスターターレポが非常に不安定であるか、それをどのように使用しているかに気づきました。私のコードはローカルで動作し、リモートと同じサービスをヒットしますが、以下を取得します

ルールを守った

以下のわずかなエラー：

これはどのようにサーバーをクラッシュさせることができますか? 殺して再起動する必要があります。

angular2 n プロダクションを問題なく使用しています。angular2 ユニバーサルはかなり問題があります。

円満に解決するにはどうすればいいですか？または、本番環境で適切にサービスを提供していませんか?

クイックスタートを使用して Angular Universal 用にプロジェクトをセットアップしようとしています

しかし、うまくいっていません。タイピングをインストールしようとして多くのエラーが発生しました:

次に、server.js ファイルを追加して、次のように実行しようとしましたnode server.js。

私はそれについて質問し、答えを得たのでそれを受け入れましたが、答えをうまく実装することができません:

このエラーが発生しました：

そのレベルには provideRouter がないためです。それをrequireでインポートするにはどうすればよいですか?

ここに私の@angularフォルダがあります：

requireステートメントを編集して、必要なモジュールを正しくインポートするにはどうすればよいですか?

使用されているバージョンを表示するための私のpackage.json：