Question

我想我完成了https://angular.io/docs/js/latest/quickstart.html的所有步骤，甚至将system.js添加到index.html，但是没有Hello Alice。有没有人让它发挥作用？

更新：好的，当我试图用gulp构建它时（教程没有提及它，但看起来有必要）我得到了这个：

user@edbwp400322:~/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 rtts_assert@2.0.0-alpha.12 No repository field.
npm WARN package.json angular2@2.0.0-alpha.12 No repository field.
npm WARN package.json angular2@2.0.0-alpha.12 No repository field.
npm WARN package.json rtts_assert@2.0.0-alpha.12 No repository field.
npm WARN package.json rtts_assert@2.0.0-alpha.12 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)
user@edbwp400322:~/dvl/mongo/quickstart$

安装了sed（用于过滤和转换文本的流编辑器）。但我还是不确定它能找到sed或sed找不到一些文件。我意识到这个更新并没有提出更具体的问题，但是知道快速启动对某人有效会很高兴。

更新2：sed问题由https://github.com/angular/quickstart/blob/master/strip_maps.sh引起。将文件名移入＆＃39;＆＃39;解决了这个问题。

更新3：使用gulp进行构建，不再有404，但仍然没有Hello Alice和控制台中的此错误：

潜在的未处理拒绝[3]加载错误＆＃34; app＆＃34;在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我

欢乐星期五啤酒给大家！

最好的问候，尤金。

Answer 1

是的，我可以，但官方文件中有错误。

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

并且不要更改index.html中的加载顺序，systemjs必须是有角度的

Answer 2

如果http-server从quickstart文件夹运行，那么index.html不应该包含＆＃39; quickstart＆＃39;在脚本中：

索引

<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一样。

如果它从上层文件夹运行，那么它就找不到任何东西，虽然可能有一些我不知道的开关。

有没有人有角度2快速启动工作？

2 个答案: