Este código lo escribí para el método de publicación:

 storeRecipes() { const recipes = this.recipeService.getRecipes(); this.http .put( 'ng-course-recipe-book-a84eb-default-rtdb.europe-west1.firebased…', recipes ) .subscribe(response => { console.log(response); }); }

Se negó a aplicar el estilo de 'https://fonts.googleapis.com/css?family=' porque su tipo MIME ('text/html') no es un tipo MIME de hoja de estilo compatible y la verificación estricta de MIME está habilitada.

Se ha bloqueado el acceso a XMLHttpRequest en 'https://ng-course-recipe-book-a84eb-default-rtdb.europe-west1.firebasedatabase.app/?auth= '' desde el origen 'http://localhost:4200' por política de CORS: la respuesta a la solicitud de verificación previa no pasa la verificación de control de acceso: no tiene el estado HTTP correcto.

core.js:4002 ERROR HttpErrorResponse {headers: HttpHeaders, estado: 0, statusText: 'Error desconocido', url: 'https://ng-course-recipe-book-a84eb-default-rtdb.europe-west1.firebasedatabase. app/', ok: false, …} error: ProgressEvent {isTrusted: true, lengthComputable: false, loaded: 0, total: 0, type: 'error', …} headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate : nulo, encabezados: Mapa (0)} mensaje: "Respuesta de error de HTTP para https://ng-course-recipe-book-a84eb-default-rtdb.europe-west1.firebasedatabase.app/ : 0 Error desconocido" nombre: "HttpErrorResponse" ok: estado falso: 0 texto de estado: "Error desconocido" URL: "https://ng-course-recipe-book-a84eb-default-rtdb.europe-west1.firebasedatabase.app/" [[Prototipo]] : HttpRespuestaBase