Angular 12 数据路径“”不能有附加属性 (styleext)

Angular 12 Data path "" must NOT have additional properties (styleext)

新版本Angular有什么问题? Angular CLI 12.0.1 无法创建新应用程序。尝试 运行 ng new twelveApp 并且 cli 抱怨死亡 数据路径“”不能有额外的属性 (styleext).

我已尝试将 ng-new 模式的 additionalProperties 设置为 true,但错误仍然存​​在。

如何摆脱这个额外的属性?

PS:回到@angular/cli@11.0.5 一切都非常完美。

根据对 this issue 的回答,我编辑了主目录中的 .angular-config.json 文件并删除了 schematics 部分,如下所示。您的特定情况可能需要此解决方案的变体。

{
  "schematics": {
    "@schematics/angular:component": {
      "styleext": "scss"
    }
  }
}

打开此路径C:\Users\your用户名

然后你会发现.angular-config.json

干掉它;)

angular.json

"schematics": {
    "@schematics/angular:component": {
      "style": "scss"
    },
    "@schematics/angular:application": {
      "strict": true
    }
  },
  1. 打开您的 angular.json 文件

  2. 删除这些代码行(你可能会发现它们写了两次)

    “原理图”:{ “@schematics/angular:组件”:{ “styleext”:“scss” } },

styleext 刚刚重命名为 style(参见 ),所以这可能是您的问题

“原理图”:{ “@schematics/angular:组件”:{ “前缀”:“应用程序”, // "styleext": "scss" // 将其更改为低于对我有用的值。 “样式”:“scss”
},
“@schematics/angular:指令”:{ “前缀”:“应用程序” } },

编辑您的 angular.json 文件(很可能位于项目的根目录)并查找 schematics 对象.删除 属性 styleext: "css" 因为它不是您项目的有效 属性。

编辑前

"@schematics/angular:directive": {
      "prefix": "app",
      "styleext": "css"
    }

编辑后

"@schematics/angular:directive": {
      "prefix": "app"
    }

打开这个路径C:\Users\yourUserNameOnWindows\.angular-config.json如果你的用户是A你写:C:\Users\A\.angular-config.json它会打开JSON文件,从文件中删除这个:

{
  "schematics": {
    "@schematics/angular:component": {
      "styleext": "scss"
    }
  }
}

尝试改变

  "schematics": {
    "@schematics/angular:component": {
      "styleext": "scss"
    }
  },

  "schematics": {
    "@schematics/angular:component": {
      "style": "scss"
    }
  },

在angular.json。让我知道这是否有效。

除了 mhusaini 上面提供的答案之外,请检查您的 angular 项目中的 angular.json 文件。您会看到类似于以下的结构:

{
  "projects": {
    "your-angular-app": {
      ...
      "schematics": {
        "@schematics/angular:component": {
          "styleext": "scss"
        }
      }
    }
  }
}

解决方案变体需要从 schematics 元素中删除内容。

在 angular.json 中,删除此条目:

"extractCss": true,

这修复了我在 Angular 中的构建:13.1.2