2015-03-13 18 views
1

我想我已經完成了https://angular.io/docs/js/latest/quickstart.html的所有步驟,甚至將system.js添加到index.html,但sill沒有Hello Alice。有人得到它的工作?有人得到了angular2 quickstart的工作?

更新: 好吧,當我試圖用一口構建它(教程沒有提及,但看起來像它的需要)我得到這個:

[email protected]:~/dvl/mongo/quickstart$ gulp 
[16:46:31] Using gulpfile ~/dvl/mongo/quickstart/gulpfile.js 
[16:46:31] Starting 'default'... 
[16:46:31] Starting 'clean'... 
[16:46:31] Finished 'clean' after 25 ms 
[16:46:31] Starting 'build:ng2'... 
npm WARN package.json [email protected] No repository field. 
npm WARN package.json [email protected] No repository field. 
npm WARN package.json [email protected] No repository field. 
npm WARN package.json [email protected] No repository field. 
npm WARN package.json [email protected] No repository field. 
[16:46:37] Finished 'build:ng2' after 6.16 s 
[16:46:37] Starting 'build:shim'... 
[16:46:37] Finished 'build:shim' after 21 ms 
[16:46:37] Starting 'build:strip_maps'... 
sed: невозможно прочитать : Нет такого файла или каталога 
[16:46:37] 'build:strip_maps' errored after 49 ms 
[16:46:37] Error in plugin 'gulp-shell' 
Message: 
    Command failed: sed: can't read: no such file or directory 

Details: 
    killed: false 
    code: 2 
    signal: null 
    stdout: 
    stderr: sed: can't read: no such file or directory 

[16:46:37] 'default' errored after 6.26 s 
[16:46:37] Error: [object Object] 
    at formatError (/opt/npm-global/lib/node_modules/gulp/bin/gulp.js:169:10) 
    at Gulp.<anonymous> (/opt/npm-global/lib/node_modules/gulp/bin/gulp.js:195:15) 
    at Gulp.emit (events.js:117:20) 
    at Gulp.Orchestrator._emitTaskDone (/home/user/dvl/mongo/quickstart/node_modules/gulp/node_modules/orchestrator/index.js:264:8) 
    at /home/user/dvl/mongo/quickstart/node_modules/gulp/node_modules/orchestrator/index.js:275:23 
    at finish (/home/user/dvl/mongo/quickstart/node_modules/gulp/node_modules/orchestrator/lib/runTask.js:21:8) 
    at cb (/home/user/dvl/mongo/quickstart/node_modules/gulp/node_modules/orchestrator/lib/runTask.js:29:3) 
    at finish (/home/user/dvl/mongo/quickstart/node_modules/run-sequence/index.js:48:5) 
    at Gulp.onError (/home/user/dvl/mongo/quickstart/node_modules/run-sequence/index.js:55:4) 
    at Gulp.emit (events.js:117:20) 
[email protected]:~/dvl/mongo/quickstart$ 

關於sed(流編輯器用於過濾和轉換文本)。但我仍然不確定它的吞嚥無法找到sed或sed找不到某個文件。 我意識到這個更新並不會使問題更具體,但知道快速入門對某人有用,這將是一件好事。

更新2:sed災難是由https://github.com/angular/quickstart/blob/master/strip_maps.sh造成的。將文件名移動到「'中解決了問題。

更新3:得到它建立與一飲而盡,沒有更多的404,但仍然沒有你好Alice和這個錯誤控制檯:

潛在未處理的排斥反應[3]錯誤加載「應用」在http://127.0.0.1:8081/app.es6 http://127.0.0.1:8081/app.es6:3:1:意外令牌@(警告:使用非錯誤)es6-module-loader.src.js:140(匿名函數)es6-module-loader.src.js:167 fes6-module-loader.src.js:189 i

歡樂週五啤酒給大家!

最好的問候,尤金。

+1

選中此[NG2播放(https://github.com/pkozlowski -opensource/ng2-play)回購,目前正在開箱使用 – 2015-04-03 20:49:42

+0

遇到同樣的問題。你能否詳細說明Update 2?你在哪裏把文件名放進引號中?謝謝 – ShaneH 2015-05-06 11:44:07

+1

對不起,我不記得我做了什麼,現在也不能檢查,但最有可能是 sed -e'/^\/\/\#source/d'-i'dist/es6 -shim.js' – user656449 2015-05-06 11:54:42

回答

0

如果HTTP服務器是從快速啓動文件夾中運行那麼index.html不應該包含在pathes '快速入門' 到腳本:

指數

<html> 
<head> 
    <title>Angular 2 Quickstart</title> 
    <script src="/dist/es6-shim.js"></script> 
</head> 
<body> 

<!-- The app component created in app.es6 --> 
<my-app></my-app> 
<script> 
    // Rewrite the paths to load the files 
    System.paths = { 
     'angular2/*':'/angular2/*.js', // Angular 
     'rtts_assert/*': '/rtts_assert/*.js', //Runtime assertions 
     'app': 'app.es6' // The my-app component 
    }; 

    // Kick off the application 
    System.import('app'); 
</script> 
</body> 
</html> 

app.es6保持在tuturoial。

如果它從上層文件夾運行,那麼它只是找不到任何東西,儘管可能有一些我不知道的開關。

1

是的,我可以,但官方文檔中有錯誤。

您需要更改<reference path="typings/angular2/angular2.d.ts" >///<reference path="typings/angular2/angular2.d.ts" />

而且在index.html不改變加載順序,systemjs一定要來befor角

相關問題