javascript-Angular 7“预期’样式’为字符串数组”

我正在尝试运行服务器,并在localhost:8000上加载app.component.html.相反,我收到此错误

compiler.js:7992 Uncaught Error: Expected ‘styles’ to be an array of strings.
at assertArrayOfStrings (compiler.js:7992)
at >CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.j>s.CompileMetadataResolver.getNonNormalizedDirectiveMetadata >>(compiler.js:17325)
at >CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.j>s.CompileMetadataResolver._getEntryComponentMetadata (compiler.js:17970)
at compiler.js:17630
at Array.map ()
at >CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.j>s.CompileMetadataResolver.getNgModuleMetadata (compiler.js:17630)
at >JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompile>r._loadModules (compiler.js:24899)
at >JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompile>r._compileModuleAndComponents (compiler.js:24880)
at >JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompile>r.compileModuleAsync (compiler.js:24840)
at CompilerImpl.push../node_modules/@angular/platform-browser->dynamic/fesm5/platform-browser-dynamic.js.CompilerImpl.compileModuleAsync >>(platform-browser-dynamic.js:143)

我尝试弄乱语法并检查了angular.json文件.

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'public';
}

关于如何解决这个问题的任何想法?这阻止了我加载Google

解决方法:

在angular.json的styles []中引用的样式表不能在Component的styleUrls []装饰器中引用.

确保两个文件中都没有引用./app.component.css.

上一篇:angular7的多环境(开发环境、测试环境、生产环境)配置


下一篇:angular7表单的状态字段