Question

当我创建我的角度应用时，我将params用作--style=sass但我会再次切换到scss我运行ng set defaults.styleExt scss并将所有文件ext更改为.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 {}

将sass替换为scss，您应该做得很好。

在角度上从`sass`更新为`scss`

2 个答案: