javascript - Trebuie să remediez eroarea modulul nu a fost găsit - Angular

Exersez Angular, dar am primit această eroare în timp ce compilam codul meu:

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

My app.component.html

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

Cursurile mele.component.ts

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


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

}

My 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';
}

My 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 { }

Răspuns #1

Angular nu reușește să găsească (resolve) fișierul, așa cum indică eroarea. Pentru a remedia eroarea, trebuie fie să adaugi fișierul, fie să ștergi linia styleUrls: ['./app.component.css']

Dacă nu doriți să evitați referința la fișier și folosiți Angular CLI (dacă nu, probabil ar trebui să o faceți), puteți folosi --inlineStyle=true atunci când generați un component. Desigur, dacă folosiți Angular CLI, fișierul CSS ar fi trebuit să fie creat atunci când componentul a fost generat.

Există șanse mari să fi copiat și lipit ceva sau să fi șters din greșeală acel fișier. Oricum ar fi, Angular se va plânge întotdeauna atunci când nu poate găsi ceva la care faci referire. (La fel ca aproape orice alt framework/sistem/limbaj de programare)