2015-03-13 19 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角

相关问题