Angular 2无法编译

时间:2017-10-15 19:05:03

标签: javascript angular angular2-routing

我用角度2创建了一个新组件:

ng g component todos

所以它创建了新组件,我去了组件,我注意到我有一个包含文件的新文件夹:

todos.component.css,todos.component.html,todos.component.spec.ts,todos.component.ts

然后我打开了todos.component.ts并且它有:

import { Component, OnInit } from '@angular/core';
@Component({
   selector: 'app-todos',
   templateUrl: './todos.component.html',
   styleUrls: ['./todos.component.css']
})

export class TodosComponent implements OnInit {
   constructor() { }
   ngOnInit() {
   }
}

然后我把新的第二行放在第二行,因为我正在学习一个教程:

import { Component, OnInit } from '@angular/core';
import { TodosComponent } from './todos/todos.component';

@Component({
   selector: 'app-todos',
   templateUrl: './todos.component.html',
   styleUrls: ['./todos.component.css']
})

export class TodosComponent implements OnInit {
   constructor() { }
   ngOnInit() {
   }
}

当我这样做并运行服务器时,它向我显示了这个:

编译失败。

C:/angular2/proyecto/src/app/todos/todos.component.ts(2,10):合并声明'TodosComponent'中的个别声明必须全部导出或全部导出。

我想知道它有什么不好?为什么会显示错误?

谢谢!

1 个答案:

答案 0 :(得分:1)

您正在将该类导入其自己的文件中。

无需导入您自己的组件,您应该将其导入到您使用它的其他文件中。