javascript - Potrebno popraviti pogrešku modul nije pronađen - Angular

Vježbam Angular, ali sam dobio ovu pogrešku prilikom kompajliranja svog koda:

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

Moja app.component.html

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

Moji tečajevi.component.ts

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


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

}

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

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

Odgovor #1

Angular ne može pronaći (resolve) datoteku, baš kao što i poruka o pogrešci navodi. Kako biste popravili pogrešku, morate ili dodati datoteku, ili izbrisati redak styleUrls: ['./app.component.css']

Ako ne želite izbjeći referencu na datoteku i koristite Angular CLI (ako ne koristite, vjerojatno biste trebali), možete koristiti --inlineStyle=true prilikom generiranja komponente. Naravno, ako koristite Angular CLI, CSS datoteka trebala je biti kreirana kada je komponenta generirana.

Vjerojatno ste ili kopirali i zalijepili neki sadržaj, ili ste greškom izbrisali tu datoteku. U svakom slučaju, Angular će se uvijek žaliti kada ne može pronaći nešto na što se pozivate. (Baš kao i gotovo svaki drugi programski okvir/sustav/jezik)