SystemJS，瀏覽器同步設置

我正在嘗試遵循角度2設置指南，並遇到問題。我正在使用瀏覽器同步，我似乎無法弄清楚如何讓這個代碼工作。因爲我服了使用一飲而盡構建過程中的應用SystemJS，瀏覽器同步設置

<script> 
    ....... 
    System.import('./app/boot') 
     .then(null, console.error.bind(console)); 
    </script>

應用程序無法找到/app/boot.js。我無法通過「gulp serve」構建過程訪問任何目錄，並且正在使用瀏覽器同步。我如何結合瀏覽器同步使用SystemJS，以便它可以找到我的boot.js文件？

對不起，如果這是一個簡單的問題。我對這種構建過程很陌生，通常只需包含文件就很簡單。謝謝。

來源

2016-01-22 John Edwards

那麼你沒有發佈你的代碼，我們發現你的代碼中有什麼錯誤。但是使用瀏覽器同步是一個非常好的組合，可以使我們的項目順利運行。我認爲你沒有正確導入你的bootstrap文件，這可能是錯誤。

還有我爲我的項目使用了相同的項目設置。我用angular2中的瀏覽器同步使用了gulp任務，你可以參考我的存儲庫尋求幫助。此回購可以幫助你找出什麼錯誤

https://github.com/MrPardeep/Angular2-DatePicker

來源

2016-01-22 05:21:14

得到它的工作。謝謝！ –

http://stackoverflow.com/questions/34895369/options-for-importing-modules-in-angular2-ts#comment57529003_34895369希望它可以幫助你！ –

也不要錯過這個驚人的視頻觀看吞噬工作流程。 https://www.youtube.com/watch?v=7xOubdqyqaY –

我有類似的問題，改變了我的構建過程中的一切編譯成DIST文件夾而不是根目錄之後。我試着在System.config調整的baseUrl，加入地圖，路徑，手動添加擴展名爲.js進口等

教訓我瞭解到：

加載腳本和配置庫的順序是至關重要的。
在包含Rx &角庫之前，需要設置System.config。
然後，您可以導入和引導應用程序。

以下@ pardeep-jain建議看看他的datepicker回購這爲我工作。

<!-- 1. Load libraries --> 
<!-- IE required polyfills, in this exact order --> 
<script src="js/libs/es6-shim.min.js"></script> 
<script src="js/libs/system-polyfills.js"></script> 
<script src="js/libs/angular2-polyfills.js"></script> 
<script src="js/libs/system.src.js"></script> 

<script> 
    System.config({ 
     defaultJSExtensions: true, 
     map: { 
      rxjs: '/node_modules/rxjs' 
     }, 
     packages: { 
      rxjs: { 
      defaultExtension: 'js' 
      } 
     } 
    }); 
    </script> 

<script src="js/libs/Rx.js"></script> 
<script src="js/libs/angular2.dev.js"></script> 
<script src="js/libs/router.dev.js"></script> 
<script src="js/libs/http.dev.js"></script> 

<script> 
    System.import('js/boot'); 
</script> 

<link rel="stylesheet" href="css/app.css"> 
</head> 
<base href="/"> 
<!-- 3. Display the application --> 
<body> 
<app>Loading...</app>

來源

2016-03-22 23:26:36 digitalcraft

SystemJS，瀏覽器同步設置

回答

相關問題