Angular 拒绝使用 scss 生成新组件答案

【问题标题】：Angular refuses to generate new components using scssAngular 拒绝使用 scss 生成新组件
【发布时间】：2020-10-27 21:41:15
【问题描述】：

Angular CLI 9.1.3 节点 12.16.2 操作系统：darwin x64

我的项目最初是为了使用 css 而创建的。从那时起，我采取了必要的步骤，以便项目能够识别和编译 sass/scss。不幸的是，仍在使用 css 生成新组件（很烦人）。

我检查了我的 angular.json 文件，发现所有必需的更改都已完成。我已经阅读了几个指南，并一遍又一遍地执行相同的步骤，但无济于事。该项目识别scss。主要的styles.css 现在是styles.scss。应用程序按预期编译。只是新的组件生成没有按预期工作。欢迎任何帮助。

【问题讨论】：

【解决方案1】：

在您的angular.json 中，您需要更新/添加以下路径：

"projects": {
  "[PROJECT_NAME]": {
    "schematics": {
      "@schematics/angular:component": {
        "style": "scss"
      }
    }
  }
}

另外，请确保您没有任何（非常）旧的全局角度 cli，方法是：

npm i -g @angular/cli@9.1.3

【讨论】：