Fatal编程技术网
  • angular/
  • 有人让angular2 quickstart工作了吗？

有人让angular2 quickstart工作了吗？

angular

有人让angular2 quickstart工作了吗？,angular,Angular,我想我已经完成了所有步骤，甚至在index.html中添加了system.js，但是没有Hello Alice。有人让它工作了吗 更新： 好的，当我尝试用gulp构建它时（教程没有提到它，但看起来它是必要的），我得到了以下信息： user@edbwp400322:~/dvl/mongo/quickstart$ gulp [16:46:31] Using gulpfile ~/dvl/mongo/quickstart/gulpfile.js [16:46:31] Starting 'defaul

我想我已经完成了所有步骤，甚至在index.html中添加了system.js，但是没有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$ 

user@edbwp400322：~/dvl/mongo/quickstart$gulp
[16:46:31]使用gulpfile~/dvl/mongo/quickstart/gulpfile.js
[16:46:31]正在启动“默认”。。。
[16:46:31]开始“清洁”。。。
[16:46:31]25毫秒后完成“清洁”
[16:46:31]正在启动“构建：ng2”。。。
npm WARN package.json rtts_assert@2.0.0-alpha.12无存储库字段。
npm WARN package.jsonangular2@2.0.0-alpha.12无存储库字段。
npm WARN package.jsonangular2@2.0.0-alpha.12无存储库字段。
npm WARN package.json rtts_assert@2.0.0-alpha.12无存储库字段。
npm WARN package.json rtts_assert@2.0.0-alpha.12无存储库字段。
[16:46:37]6.16秒后完成“构建：ng2”
[16:46:37]正在启动“构建：填充”。。。
[16:46:37]21毫秒后完成“构建：填充”
[16:46:37]正在启动“构建：条形图”。。。
sed：зжггаа：аааааааааааа
[16:46:37]“构建：条形图”在49毫秒后出错
[16:46:37]插件“gulp shell”中出现错误
信息：
命令失败：sed:无法读取：没有这样的文件或目录
细节：
被杀：错
代码：2
信号：空
标准：
stderr:sed:无法读取：没有这样的文件或目录
[16:46:37]“默认”在6.26秒后出错
[16:46:37]错误：[对象]
格式错误（/opt/npm global/lib/node_modules/gulp/bin/gulp.js:169:10）
狼吞虎咽。。将文件名移动到“”中修复了该问题

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

可能未处理的拒绝[3]在加载“应用程序”时出错
：意外标记@（警告：未使用错误）es6模块加载器.src.js:140（匿名函数）es6模块加载器.src.js:167 fes6模块加载器.src.js:189 i


如果http服务器是从quickstart文件夹运行的，则index.html在脚本路径中不应包含“quickstart”：

索引



角度2快速入门
//重写路径以加载文件
系统路径={
'angular2/*'：'/angular2/*.js'，//角度
'rtts_assert/*'：'/rtts_assert/*.js'，//运行时断言
'app'：'app.es6'//我的应用程序组件
};
//启动应用程序
系统导入（“应用程序”）；


附录es6与图图图里亚尔相同


如果它是从上面的文件夹运行的，那么它就是找不到任何东西，尽管可能有一些我不知道的开关。
是的，我知道，但是官方文件中有一个错误

您需要将
更改为
//


不要在
index.html
中更改加载顺序，systemjs必须在angular
检查此回购之前提交，它目前运行良好，具有相同的问题。你能详细说明更新2吗？你把文件名放在哪里了？谢谢，我不记得我到底做了什么，现在也无法检查，但很可能是sed-e'/^\/\/\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

<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>