web-dev-qa-db-fra.com

Angular 7 "les" styles "attendus doivent être un tableau de chaînes"

J'essaie d'exécuter mon serveur et de charger mon app.component.html sur localhost: 8000. Au lieu de cela, je reçois cette erreur

compiler.js: 7992 Erreur non interceptée: les "styles" attendus doivent être un tableau de chaînes. à assertArrayOfStrings (compiler.js: 7992) à> CompileMetadataResolver.Push ../ node_modules/@angular/compiler/fesm5/compiler.j> s.CompileMetadataResolver.getNonNormalizedDirectiveMetadata >> (compiler.js) ./node_modules/@angular/compiler/fesm5/compiler.j>s.CompileMetadataResolver._getEntryComponentMetadata (compiler.js: 17970) at compiler.js: 17630 at Array.map () at> CompileMetadataResolver.Push ../ node_/ node_ angular/compiler/fesm5/compiler.j> s.CompileMetadataResolver.getNgModuleMetadata (compiler.js: 17630) sur> JitCompiler.Push ../ node_modules/@angular/compiler/fesm5/compiler.js.JitCompile> r._load .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) sur CompilerImpl.Push ../ node_modules/@ angular/platform-browser-> dynamic/fesm 5/platform-browser-dynamic.js.CompilerImpl.compileModuleAsync >> (platform-browser-dynamic.js: 143)

J'ai essayé de jouer avec la syntaxe et j'ai vérifié mon fichier angular.json.

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

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

Une idée sur la façon de résoudre ce problème? Cela m'empêche de charger mon google

13
wubalubadub

changer le chargeur scss dans webpack.config.js l'a corrigé pour moi. Ça devrait ressembler à ça:

{
  test: /\.scss$/,
  exclude: [/node_modules/, /\.global\.scss$/],
  use: ["to-string-loader", "css-loader", "sass-loader"]
}

et dans le package json:

"to-string-loader": "^1.1.6",
"css-loader": "^3.4.2",
"sass-loader": "^8.0.2"
0
mariq vlahova