Angular 角度6未捕获错误：预期“样式”为字符串数组

我将旧的angular项目迁移到angular

运行时，项目编译成功，但在控制台中显示以下错误

未捕获错误：“样式”应为字符串数组。 在assertArrayOfStrings compiler.js:2181 在CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.getNonNormalizedDirectiveMetadata compiler.js:10373 在CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.\u getEntryComponentMetadata

Angular.json

"styles": [
    {
    "input": "node_modules/@angular/material/prebuilt-themes/indigo-pink.css"
    },
    "src/styles.css"
],
"scripts": [],

组件技术

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss']
})

---

我做错了。

好吧，这正是tin上所说的：样式应该是字符串数组。而不是

    {
    "input": "node_modules/@angular/material/prebuilt-themes/indigo-pink.css"
    },
    "src/styles.css"

做

---

在“样式”数组中，有一个包含键输入的对象数组

它应该是一个简单的字符串数组

试着这样做：

"styles": [
   "node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
   "src/styles.css"
 ],
 "scripts": [],

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})

并在文件名前面加上./incomonent decorator，如下所示：

"styles": [
   "node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
   "src/styles.css"
 ],
 "scripts": [],

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})

---

您需要将字符串数组传递给样式，而且样式不支持文件URL。我用component.ts decoraterNo更新了我的问题，仍然存在相同的问题。是否重新启动了ng serve？是的，我仍然存在相同的问题，您是否修复了所有样式条目？在angular.jsoni中可以有多个，但只能有一个angular.json