angular2 中的评论

Question

多行注释，即 /* ... */ 在 angular 中有问题吗？我正在尝试从 angular.io guide 进行路由。在其中一个路由模块文件中，我尝试用我的一些更改来修改该文件

import { NgModule }             from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

import { CrisisListComponent1 }  from './crisis-list1.component';
import { HeroListComponent1 }    from './hero-list1.component';
/*  import { CrisisListComponent }  from './crisis-list.component';
    import { HeroListComponent }    from './hero-list.component';    */

 const appRoutes: Routes = [
      { path: 'crisis-center', component: CrisisListComponent1 },
      { path: 'heroes', component: HeroListComponent1 }
];

@NgModule({
  imports: [
    RouterModule.forRoot(appRoutes)
  ],
  exports: [
    RouterModule
  ]
})
export class AppRoutingModule {}

这是抛出以下错误

localhost/:17 Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:56301/traceur
    Error: XHR error (404 Not Found) loading http://localhost:56301/traceur
        at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:56301/node_modules/zone.js/dist/zone.js:698:29)
        at ZoneDelegate.invokeTask (http://localhost:56301/node_modules/zone.js/dist/zone.js:265:35)
        at Zone.runTask (http://localhost:56301/node_modules/zone.js/dist/zone.js:154:47)
        at XMLHttpRequest.ZoneTask.invoke (http://localhost:56301/node_modules/zone.js/dist/zone.js:335:33)
    Error loading http://localhost:56301/traceur
    Unable to load transpiler to transpile http://localhost:56301/app/app-routing.module.js
    Error loading http://localhost:56301/app/app-routing.module.js as "./app-routing.module" from http://localhost:56301/app/app.module.js
        at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:56301/node_modules/zone.js/dist/zone.js:698:29)
        at ZoneDelegate.invokeTask (http://localhost:56301/node_modules/zone.js/dist/zone.js:265:35)
        at Zone.runTask (http://localhost:56301/node_modules/zone.js/dist/zone.js:154:47)
        at XMLHttpRequest.ZoneTask.invoke (http://localhost:56301/node_modules/zone.js/dist/zone.js:335:33)
    Error loading http://localhost:56301/traceur
    Unable to load transpiler to transpile http://localhost:56301/app/app-routing.module.js
    Error loading http://localhost:56301/app/app-routing.module.js as "./app-routing.module" from http://localhost:56301/app/app.module.js

在尝试找出并修复错误的各种尝试都失败后。我将多行注释更改为单行注释，如下所示，它起作用了！！！

// import { CrisisListComponent }  from './crisis-list.component';
// import { HeroListComponent }    from './hero-list.component';

但是代码其他部分的多行注释工作得很好。它只是在这部分失败了。我是否通过使用那里的多行注释错过或破坏了某些东西。这让我无法学习 angular2.

Answer 1

这似乎是 SystemJS 的错误。如果您将导入语句更改为：

/*  import { CrisisListComponent }  from './crisis-list.component';
 h  import { HeroListComponent }    from './hero-list.component';    */

import 前面的 h 可以正常工作。显然，如果你在它前面放一个白色 space 以外的任何东西，SystemJS 就不会捡起它。但是因为在你的例子中底部 import 前面没有任何东西，它会认为它必须导入它。因为 import 语句是 ES6 格式，它会尝试加载 traceur 以在运行时转译它。但显然，您没有安装 node_module，也没有在您的 systemjs 映射中引用它。

我不会太担心它，但如果您愿意，可以在 systemjs 上提交错误报告 :)

angular2 中的评论

Comments in angular2

comments

angular