プロジェクトでngserveを実行しているAngular7 CLIは、サブパスのナビゲーションを中断します

DevMike

明確にするために、これはバグではありません。これは私がうっかりして壊したプロジェクトです。いつ、どのようにすればよいかわかりません。

ng --version私のプロジェクトで実行しています:

Angular CLI: 7.3.4
Node: 10.14.1
OS: darwin x64
Angular: 7.2.7

実行ng serve中、アプリは次のブラウザにOKをロードします。

http://localhost:4200

ルートでパスを手動でロードする場合、次の場所でOKをロードします。

http://localhost:4200/page

移動するときアプリ内でリンクを介してサブパスをfrom a root path実行しているアプリ、でOK負荷の:

http://localhost:4200/page/sub/path

ただし、次のいずれかの方法で後続のサブパスをロードしようとした場合:

•ブラウザに表示されている既存のサブパスを更新する

•サブパスでURLを手動で入力してロードしようとしています

•サブパスの表示中にCLIによってトリガーされるライブリロード

http://localhost:4200/page/sub/path

エラーとして、アプリjsはサブパスに関連するすべてのファイルを読み込もうとするため、失敗します。アプリはruntime.jsここにロードしようとします

http://localhost:4200/page/sub/path/runtime.js

ここにロードする必要がある場合:

http://localhost:4200/runtime.js

私のベースhrefは現在に設定されています ./

アプリを実行しながら、htmlソースを調べたところ、スクリプトタグは次のようにフォーマットされています。

<script type="text/javascript" src="runtime.js"></script>

何がこのプロジェクトを壊したのかわかりません。新しいプロジェクトの生成は問題なく機能します。最近のことかもしれnpm updateませんが、いつこの問題が発生したのかわかりません。コード内のナビゲーションが誤って壊れてしまう可能性もあります。

トラブルシューティングをどこで、どのように開始するかについてのアイデアはありますか?

Evgeniy Malyutin

runtime.jsサブパスからロードされていることがわかります

http://localhost:4200/page/sub/path/runtime.js

相対ベースhrefの問題のようです。絶対ベースに変更してみてください

<base href="/">

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

サーバーなしでfile:///上でローカルにAngular7プロジェクトを実行する

分類Dev

ngserveを使用して実行するときにAngular6プロジェクトでionic4コンポーネントを使用するにはどうすればよいですか

分類Dev

iOSはサードパーティのナビゲーションをサポートしています

分類Dev

Swiftは透明なナビゲーションバーのサブクラスを作成します

分類Dev

Reactナビゲーションサブナビゲーションであるスタックナビゲーターをリセットします

分類Dev

Angular 7:Rxjsの動作サブジェクトサブスクライブはページのリロードでは機能しませんが、ルートナビゲーションでは機能します

分類Dev

Reactナビゲーション、ルートデータが「未定義はオブジェクトではありません」をスローしています

分類Dev

レスポンシブナビゲーションバーは、サイズ変更時にすべてのオプションを表示しません

分類Dev

ナビゲーションサブメニューは空白を作成します

分類Dev

ホバーのjQueryは、ナビゲーションメニューにサブリンクを表示します

分類Dev

ブートストラップデータスパイは私のナビゲーションバーをフルサイズにしません

分類Dev

エラー「未処理の例外が発生しました:「テスト」ターゲットをサポートするプロジェクトはありません」を示すAngularcli。ngtestまたはngserveコマンドを実行する場合

分類Dev

Angular7アプリを別のポートで実行されているバックエンドエンドポイントにプロキシする

分類Dev

Electronメニューを使用してAngular7ナビゲーションを実行する方法

分類Dev

サービスプリンシパル(Azureアプリケーションマルチテナント)は、AZ CLIを使用してテナント内のアプリケーションに管理者の同意を与えることができますか?

分類Dev

ナビゲーション プロパティを持つエンティティの C# での ODATA 投稿リクエストは、新しいナビゲーション プロパティを作成します

分類Dev

Maven Fluidoスキンは、サイトで常に左側のナビゲーションを空にします

分類Dev

Angular7プロジェクトで剣道を使用して複数列のドロップダウンリストボックスを作成する方法を探しています

分類Dev

ブートストラップ4ナビゲーションバートグラーボタンは、ナビゲーションバーブランドにロゴを追加した後、小さな画面で新しい行にシフトします

分類Dev

jqueryを調整して、レスポンシブナビゲーションパネルを修正します

分類Dev

ナビゲーションプロパティを使用してデータベースをクエリする必要があるのはいつですか?

分類Dev

コーナーストーンを使用してAngular7プロジェクトにdicomファイルをロードする方法

分類Dev

ナビゲーションバーテキストの中心、および右揃え。また、ページサイズを縮小するときは、ナビゲーションバーをそのままにしてください

分類Dev

サブ li ではなく、wordpress walker ナビゲーションで親 li のクラスを追加したい

分類Dev

どこかからプロジェクトの古いバージョンを実行しているAngular

分類Dev

Angular7プロジェクトがInternetExplorer11で機能していません

分類Dev

AureliaCLIを使用してナビゲーションスケルトンプロジェクトを作成する

分類Dev

Angualar 4 observable-サブスクリプションはルートナビゲーションでは機能していませんが、ページの更新では機能しています

分類Dev

VM(仮想マシン)でホストされているJenkinsサーバーでプロジェクトをビルドしながら、実際のAndroidデバイスまたはエミュレーターでAppiumテストを実行する方法

Related 関連記事

  1. 1

    サーバーなしでfile:///上でローカルにAngular7プロジェクトを実行する

  2. 2

    ngserveを使用して実行するときにAngular6プロジェクトでionic4コンポーネントを使用するにはどうすればよいですか

  3. 3

    iOSはサードパーティのナビゲーションをサポートしています

  4. 4

    Swiftは透明なナビゲーションバーのサブクラスを作成します

  5. 5

    Reactナビゲーションサブナビゲーションであるスタックナビゲーターをリセットします

  6. 6

    Angular 7:Rxjsの動作サブジェクトサブスクライブはページのリロードでは機能しませんが、ルートナビゲーションでは機能します

  7. 7

    Reactナビゲーション、ルートデータが「未定義はオブジェクトではありません」をスローしています

  8. 8

    レスポンシブナビゲーションバーは、サイズ変更時にすべてのオプションを表示しません

  9. 9

    ナビゲーションサブメニューは空白を作成します

  10. 10

    ホバーのjQueryは、ナビゲーションメニューにサブリンクを表示します

  11. 11

    ブートストラップデータスパイは私のナビゲーションバーをフルサイズにしません

  12. 12

    エラー「未処理の例外が発生しました:「テスト」ターゲットをサポートするプロジェクトはありません」を示すAngularcli。ngtestまたはngserveコマンドを実行する場合

  13. 13

    Angular7アプリを別のポートで実行されているバックエンドエンドポイントにプロキシする

  14. 14

    Electronメニューを使用してAngular7ナビゲーションを実行する方法

  15. 15

    サービスプリンシパル(Azureアプリケーションマルチテナント)は、AZ CLIを使用してテナント内のアプリケーションに管理者の同意を与えることができますか?

  16. 16

    ナビゲーション プロパティを持つエンティティの C# での ODATA 投稿リクエストは、新しいナビゲーション プロパティを作成します

  17. 17

    Maven Fluidoスキンは、サイトで常に左側のナビゲーションを空にします

  18. 18

    Angular7プロジェクトで剣道を使用して複数列のドロップダウンリストボックスを作成する方法を探しています

  19. 19

    ブートストラップ4ナビゲーションバートグラーボタンは、ナビゲーションバーブランドにロゴを追加した後、小さな画面で新しい行にシフトします

  20. 20

    jqueryを調整して、レスポンシブナビゲーションパネルを修正します

  21. 21

    ナビゲーションプロパティを使用してデータベースをクエリする必要があるのはいつですか?

  22. 22

    コーナーストーンを使用してAngular7プロジェクトにdicomファイルをロードする方法

  23. 23

    ナビゲーションバーテキストの中心、および右揃え。また、ページサイズを縮小するときは、ナビゲーションバーをそのままにしてください

  24. 24

    サブ li ではなく、wordpress walker ナビゲーションで親 li のクラスを追加したい

  25. 25

    どこかからプロジェクトの古いバージョンを実行しているAngular

  26. 26

    Angular7プロジェクトがInternetExplorer11で機能していません

  27. 27

    AureliaCLIを使用してナビゲーションスケルトンプロジェクトを作成する

  28. 28

    Angualar 4 observable-サブスクリプションはルートナビゲーションでは機能していませんが、ページの更新では機能しています

  29. 29

    VM(仮想マシン)でホストされているJenkinsサーバーでプロジェクトをビルドしながら、実際のAndroidデバイスまたはエミュレーターでAppiumテストを実行する方法

ホットタグ

アーカイブ