Angular 2 编译失败

Question

我在 angular 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'必须全部导出或全部本地。

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

谢谢！

Answer 1

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

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

Angular 2 编译失败

Angular 2 Failed to compile

javascript

angular2-routing

angular