Question

多行注释，即/ * ... * /是否存在角度问题？我正在尝试使用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语句更改为：

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

它可以与h前面的import一起使用。显然，如果你在它前面放置一个除了空格之外的任何东西，SystemJS就不会捡到它。但是因为在你的例子中，底部import前面没有任何东西，它会认为它必须导入它。由于import语句采用ES6格式，因此它将尝试加载traceur以在运行时对其进行转换。但很明显，你没有安装node_module，也没有在systemjs映射中引用它。

我不会太担心它，但如果你愿意，你可以在systemjs上提交bug报告：）

angular2中的评论

1 个答案: