ルーティングとナビゲーションのサンプルアプリケーションが動作しません

私は角度2 ROUTING & NAVIGATION docsからサンプルを取得しようとしています。 the example plunkerでうまく動作しますが、コードをダウンロードしてquickstartプロジェクトで直接使用すると、実行に失敗します。「Loading ...」というメッセージが消えず、最初にコンソールにエラーはありません。しばらくして、ショーでこれらのエラーアップ：ルーティングとナビゲーションのサンプルアプリケーションが動作しません

service-worker.js:1 A bad HTTP response code (404) was received when fetching the script. http://localhost:3000/service-worker.js Failed to load resource: net::ERR_INVALID_RESPONSE

アプリが良い例を提供し、それはすべて、この偉大なドキュメントを持っているので、私は今後の作業の出発点としてそれを使用したいと思います。

例のTour of Heroesアプリには、一見外見上断絶されたさまざまな症状があります。
このバージョンは最も成熟して完成したようです。それをローカルで実行できるのは良いことです。

クイックスタートを複製してプランナーをダウンロードし、クイックスタートのアプリフォルダをプランナーからのものに置き換えることで、エラーを再現できます。
また、npm startを実行する前にnpm installを実行する必要があります。私はまた、このようなsystemjs.config.jsファイルにapp.module.jsするmain.jsを変更：

packages: { 
     app: { 
     main: './app.module.js',

任意の助けをいただければ幸いです。

編集： @ andrew554のアドバイスを受けてインデックスに追加されましたが、問題は解決しません。

出典

2016-11-14 curchod

あなたはhereを言及されたベース、設定する必要があります。ホストサービスを動的にアプリケーションのベースアドレスを設定しますので、我々は、我々は実際の例を実行したときにトリッキー取得する必要があります

LIVE例注

を。だからこそ、我々はのタグをのタグに書き込むスクリプトに置き換えます。

<script>document.write('<base href="' + document.location + '" />');</script>

私たちは、生き例えばない製品コードをこのトリックを必要とする必要があります。

<!DOCTYPE html> 
    <html> 
     <head> 
     <!-- Set the base href --> 
     <script>document.write('<base href="' + document.location + '" />');</script>

ただ、<base href="/">

出典

2016-11-14 15:56:04 andrew554

こんにちは@のandrew554との回答に感謝を<script> ...を交換してください。私はベースのhrefソリューションを試しましたが、エラーと空白の画面（「Loading ...」文字列）がありません。問題を示すために[このリポ]（https://github.com/timofeysie/router-quickstart）を作成しました。 – curchod

ルーティングとナビゲーションのサンプルアプリケーションが動作しません

答えて

関連する問題