角度7“期望'样式'为字符串的数组". [英] Angular 7 "expected 'styles' to be an array of strings"
问题描述
我正在尝试运行服务器,并在localhost:8000上加载我的app.component.html.相反,我收到此错误
I am trying to run my server and have my app.component.html load on localhost:8000. Instead, I am receiving this error
compiler.js:7992未捕获的错误:预期样式"为字符串数组. 在assertArrayOfStrings(compiler.js:7992) 在> CompileMetadataResolver.push ../node_modules/@angular/compiler/fesm5/compiler.j> s.CompileMetadataResolver.getNonNormalizedDirectiveMetadata >>(compiler.js:17325) 在> CompileMetadataResolver.push ../node_modules/@angular/compiler/fesm5/compiler.j> s.CompileMetadataResolver._getEntryComponentMetadata(compiler.js:17970) 在compile.js:17630 在Array.map() 在> CompileMetadataResolver.push ../node_modules/@angular/compiler/fesm5/compiler.j> s.CompileMetadataResolver.getNgModuleMetadata(compiler.js:17630) 在> JitCompiler.push ../node_modules/@angular/compiler/fesm5/compiler.js.JitCompile> r._loadModules(compiler.js:24899) 在> JitCompiler.push ../node_modules/@angular/compiler/fesm5/compiler.js.JitCompile> r._compileModuleAndComponents(compiler.js:24880) 在> JitCompiler.push ../node_modules/@angular/compiler/fesm5/compiler.js.JitCompile> r.compileModuleAsync(compiler.js:24840) 在CompilerImpl.push ../node_modules/@ angular/platform-browser-> dynamic/fesm5/platform-browser-dynamic.js.CompilerImpl.compileModuleAsync >>(platform-browser-dynamic.js:143)
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文件.
I tried messing around with the syntax and checked my angular.json file.
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'public';
}
关于如何解决此问题的任何想法?这阻止了我加载Google
Any idea on how to solve this? This is blocking me from loading my google
推荐答案
在angular.json
的styles[]
中引用的样式表不能在组件的styleUrls[]
装饰器中引用.
Stylesheets which are referenced in your angular.json
's styles[]
cannot be referenced in a Component's styleUrls[]
decorator.
确保两个文件中都没有引用./app.component.css
.
Make sure that you are not referencing ./app.component.css
in both files.
这篇关于角度7“期望'样式'为字符串的数组".的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!