javascript - Angular 2 编译失败

Question

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

ng g component todos

因此它创建了新组件，我转到该组件，并注意到我有一个包含文件的新文件夹:

tod​​os.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”中的各个声明必须全部导出或全部本地。

我想知道有什么不好吗？为什么会显示该错误？

谢谢!

Answer 1

您正在将类导入到它自己的文件中。

不需要导入自己的组件，您应该在使用它的其他文件中导入它。