angular - Angular 从 `sass` 更新到 `scss`

Question

当我创建我的 Angular 应用程序时，我将参数用作 --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
   ............
})