javascript - Behöver fixa fel inte hittad i modul - Angular

Jag övar på Angular, men fick detta felmeddelande när jag kompilerade min kod:

Module not found: Error: Can't resolve './app.component.css' in 'D:\hello-world-app\src\app'
i ｢wdm｣: Failed to compile.

Min app.component.html

<h1>Angular</h1>
<courses></courses>

My courses.component.ts

// tslint:disable-next-line: import-spacing
import{Component} from '@angular/core';


@Component({
  selector: 'courses', //<courses>
  template: '<h2>Courses</h2>'
})
export class CoursesComponent {

}

Min app.component.ts

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'hello-world-app';
}

Min app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { CoursesComponent } from './courses.component';

@NgModule({
  declarations: [
    AppComponent,
    CoursesComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Svar #1

Angular kan inte hitta (resolve) filen, precis som felet säger. För att åtgärda felet måste du antingen lägga till filen eller ta bort raden styleUrls: ['./app.component.css']

Om du inte vill undvika filreferensen och använder Angular CLI (om du inte gör det bör du antagligen göra det), kan du använda --inlineStyle=true när du genererar en komponent. Visserligen, om du använder Angular CLI, borde CSS-filen ha skapats när komponenten genererades.

Chansen är att du antingen kopierade och klistrade in något, eller av misstag raderade den filen. Hur som helst, Angular kommer alltid att klaga när den inte kan hitta något du refererar till. (Precisa som nästan alla andra programmeringsramverk/system/språk)