將 Angular-CLI 從 CSS 遷移到 SCSS 時如何修復「沒有這樣的檔案或目錄」錯誤？

錯誤故障排除：將 Angular-CLI 從 CSS 轉換為 SCSS

將 Angular-CLI 專案從傳統 CSS 樣式轉換為 SCSS時，您可能會遇到錯誤，指出「沒有這樣的檔案或目錄，請開啟'/Users/Egen/Code/angular/src/styles.css'".

對於 Angular 6以上版本：

• 根據官方文檔，使用以下命令：

ng config defaults.styleExt=scss

對於Angular 5.x及更早版本：

• 如果收到有關「找不到值」的錯誤訊息，請執行以下命令：

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

額外步驟：

1. 重新命名CSS檔案： 將現有 .css 檔案轉換為 .scss（例如，將 styles.css 轉換為 styles.scss）。
2. 調整 CLI： 配置 CLI 以識別 styles.scss透過手動編輯 angular.json （對於 Angular 6 ）或 .angular-cli.json （對於 Angular 5.x ）。
3. 修改元件樣式：更新元件中的 styleUrls 屬性以符合新的 SCSS 檔案名稱。

對於新檔案項目：

• 建立新專案時，指定樣式類型：

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

全域設定預設樣式擴充：

ng config --global defaults.styleExt=scss

透過實作這些步驟，您應該能夠成功轉換您的從 CSS 到 SCSS 的 Angular-CLI 專案。

以上是將 Angular-CLI 從 CSS 遷移到 SCSS 時如何修復「沒有這樣的檔案或目錄」錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！