Bagaimana untuk Membetulkan Ralat 'tiada fail atau direktori sedemikian' Apabila Memindahkan Angular-CLI dari CSS ke SCSS?

Penyelesaian Masalah Ralat: Menukar Angular-CLI daripada CSS kepada SCSS

Apabila mengalihkan projek Angular-CLI daripada gaya CSS tradisional kepada SCSS, anda mungkin menghadapi ralat yang menyatakan "tiada fail atau direktori sedemikian, open '/Users/Egen/Code/angular/src/styles.css'".

Untuk Sudut 6 dan Ke Atas:

• Mengikut dokumentasi rasmi , gunakan arahan berikut:

ng config defaults.styleExt=scss

Untuk Sudut 5.x dan Lebih Lama:

• Jika anda menerima mesej ralat berkenaan "Nilai tidak dapat ditemui", laksanakan arahan berikut:

ng config schematics.@schematics/angular:component.styleext scss

Langkah Tambahan:

1. Namakan semula CSS Fail: Tukar fail .css sedia ada kepada .scss (cth., styles.css kepada styles.scss).
2. Laraskan CLI: Konfigurasikan CLI kepada kenali styles.scss dengan mengedit angular.json secara manual (untuk Angular 6 ) atau .angular-cli.json (untuk Angular 5.x).
3. Ubah suai Gaya Komponen: Kemas kini sifat styleUrls dalam komponen agar sepadan dengan nama fail SCSS baharu.

Untuk Projek Baharu:

• Bila mencipta projek baharu, nyatakan jenis gaya:

ng new your-project-name --style=scss

• Tetapkan sambungan gaya lalai secara global:

ng config --global defaults.styleExt=scss

Dengan melaksanakan langkah ini, anda harus berjaya menukar projek Angular-CLI anda daripada CSS kepada SCSS.

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan Ralat 'tiada fail atau direktori sedemikian' Apabila Memindahkan Angular-CLI dari CSS ke SCSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!