從`sass`更新為`scss`

Question

當我創建我的有角度的應用程序時，我使用的參數為--style=sass但是我將再次切換至scss ，我運行ng set defaults.styleExt scss並將所有文件擴展到.scss 。

但是仍然出現錯誤為：

ERROR in ./src/app/app.component.ts
Module not found: Error: Can't resolve './app.component.sass' in 'C:\DHL\Projects\retailApp\src\app'
ERROR in ./src/app/footer/footer.component.ts
Module not found: Error: Can't resolve './footer.component.sass' in 'C:\DHL\Projects\retailApp\src\app\footer'
ERROR in ./src/app/header/header.component.ts
Module not found: Error: Can't resolve './header.component.sass' in 'C:\DHL\Projects\retailApp\src\app\header'
ERROR in ./src/app/pages/home/home.component.ts
Module not found: Error: Can't resolve './home.component.sass' in 'C:\DHL\Projects\retailApp\src\app\pages\home'
ERROR in multi ./src/assets/css/reset.css ./src/styles.sass
Module not found: Error: Can't resolve 'C:\DHL\Projects\retailApp\src\assets\css\reset.css' in 'C:\DHL\Projects\retailApp'
ERROR in multi ./src/assets/css/reset.css ./src/styles.sass
Module not found: Error: Can't resolve 'C:\DHL\Projects\retailApp\src\styles.sass' in 'C:\DHL\Projects\retailApp'

這是什么問題？ 任何人都可以幫助我

Answer 1

根據錯誤，這將更改所有文件擴展名，但不會更改導入。 因此，您需要像這樣將所有組件中的所有導入從sass手動更改為scss

@Component({
  ........
  styleUrls: [ './marketing.component.scss' ] // change here
   ............
})

Answer 2

您的所有文件都引用了SASS文件。

您需要打開在那里聲明的每個文件，並查看如下所示的類的裝飾器

@Component({
  selector: 'XX'
  templateUrl: XXX.html
  styleUrls: ['XX.sass']
})
export class XXX {}

用scss代替sass ，您應該會很好。