路線選擇和導航的示例應用程序無法正常工作

我試圖從角2 ROUTING & NAVIGATION docs得到樣品的工作。它運行在the example plunker罰款，但如果你下載的代碼，並直接在quickstart項目中使用的應用程序，它無法運行。 '正在加載...'的消息永遠不會消失，並且控制檯中沒有錯誤。過了一段時間，這些錯誤中顯示出來：路線選擇和導航的示例應用程序無法正常工作

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

該應用程序提供了一個很好的例子，因爲它有這大的文件，我想使用它作爲一個起點，爲今後的工作。

的示例應用程序的英雄之旅有各種看似斷開的表現。
這個版本似乎是最成熟和最完整的。能夠在本地運行它會很好。

您可以通過克隆快速入門，並下載plunker並與來自plunker一個從快速入門更換app文件夾複製錯誤。
您還需要在執行npm start之前運行npm install。我也改變main.js在這樣的systemjs.config.js文件app.module.js：

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

任何幫助，將不勝感激。

編輯：我接受@ andrew554的建議並添加到索引中，但問題仍然存在。

來源

2016-11-14 curchod

您需要設置的基礎，這是提到here：

活生生的例子說明

我們必須變得棘手，當我們運行的活生生的例子，因爲主機服務動態設置應用程序基址。這就是爲什麼我們用替代了一個腳本，該腳本在上寫了一個標籤來匹配。

<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解決方案，但沒有錯誤和一個空白屏幕（只是「加載...」字符串）我創建[本回購]（https://github.com/timofeysie/router-quickstart）來演示問題。 – curchod

路線選擇和導航的示例應用程序無法正常工作

回答

相關問題