Angular项目启动遇TS2307/TS2304报错，咨询文件创建方案

这两个错误其实是连锁问题：找不到模块是因为你还没创建对应的组件文件，而找不到creationComponent则大概率是类名大小写不匹配或者导入不正确导致的。下面一步步帮你解决：

1. 确认组件文件的创建位置和命名 #

根据报错里的路径./creation/creation.component，你需要：

• 在src/app目录下新建一个名为**creation的子文件夹**
• 在这个creation文件夹里创建3个标准Angular组件文件（必须带.ts后缀，Angular依赖这个后缀识别类型文件）：
  • creation.component.ts（组件核心逻辑文件）
  • creation.component.html（组件模板）
  • creation.component.css（组件样式，可选但建议保留）

2. 编写creation.component.ts的基础代码 #

注意组件类名的大小写！Angular组件类名要求大驼峰格式（首字母大写），这是第二个报错的常见原因。复制以下代码到creation.component.ts中：

import { Component } from '@angular/core';

@Component({
  selector: 'app-creation',
  templateUrl: './creation.component.html',
  styleUrls: ['./creation.component.css']
})
export class CreationComponent {
  // 这里可以添加你的组件业务逻辑
}

3. 修正app.module.ts中的导入和声明 #

回到app.module.ts，做两处修改：

• 导入语句要和文件路径完全匹配，并且使用正确的类名：

  import { CreationComponent } from './creation/creation.component';
  

• 在declarations数组中添加这个组件类（注意和导入的类名完全一致，大小写不能错）：

  declarations: [
    AppComponent,
    CreationComponent // 这里要和上面导入的类名保持一致
  ],
  

4. 验证文件结构是否正确 #

最终你的src/app目录结构应该是这样的：

src/
└── app/
    ├── app.module.ts
    ├── app.component.ts
    └── creation/
        ├── creation.component.ts
        ├── creation.component.html
        └── creation.component.css

额外注意事项 #

• 文件名大小写敏感：在Linux/macOS系统上，文件名的大小写是严格区分的，确保导入路径里的文件名和实际文件名完全一致（比如不要把creation.component.ts写成Creation.Component.ts）
• 不要省略.ts后缀：虽然部分构建工具支持自动补全，但新手直接写全后缀可以避免很多路径解析问题

内容的提问来源于stack exchange，提问作者user9623870