Angular + bootstrap throws error Отказался от загрузки образа, поскольку он нарушает следующую директиву Content Security Policy: "default-src 'none'" - PullRequest
Новая
       27

Angular + bootstrap throws error Отказался от загрузки образа, поскольку он нарушает следующую директиву Content Security Policy: "default-src 'none'"

0 голосов
/ 20 сентября 2019

Я новичок в разработке с Angular, но не новичок в NPM и Bootstrap.Я делал урок, где я копировал и вставлял текст с сайта начальной загрузки, устанавливал ng-bootstrap и bootstrap-scss через npm, нажимал кнопку «Обновить» в браузере, и он возвращает вышеуказанную ошибку.После запуска ng-serve терминал также сообщает, что не может найти импорт начальной загрузки, что странно, учитывая, что моя файловая структура такая же, как и у веб-сайта начальной загрузки, а все в моем приложении копируется прямо из документов.ng-serve работал только для отображения текста, но начал выдавать ошибку, когда я добавил ссылку начальной загрузки.

Я обнаружил, что эта же проблема указана в разделе Поддержка Angular на github, а официальная поддержка Angular отметила, что проблема не существует.,После этого было 30 комментариев от разных людей, которые имеют эту проблему.Я попытался запустить rebuild node-sass, удалить и переустановить node_modules и изменить package.json, но все безрезультатно.

Вот мой app.module.ts: 

import { NgModule } from '@angular/core';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap'
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule, NgbModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

HTML-код был скопирован с https://ng -bootstrap.github.io / # / components / accordion / examples

И единственное, что есть в моем файле scss, это

@import "../node_modules/bootstrap/scss/bootstrap";

Другие файлы в проекте не были изменены.

Ожидается: на страницу будет загружен стилизованный текст и виджеты.

Вывод в браузере: «Не удается получить /» И в консоли браузера: отказано в загрузке изображения »http://localhost:4200/favicon.ico', поскольку оно нарушает следующую директиву политики безопасности содержимого:« default-src 'none »».Обратите внимание, что «img-src» не был задан явно, поэтому «default-src» используется как запасной вариант.

1 Ответ

0 голосов
/ 20 сентября 2019

Я исправил это.Если вы хотите использовать scss для своего проекта, копирование пути по умолчанию для node_modules из начальной загрузки не работает.Я заставил мой стиль начальной загрузки появиться, изменив путь к файлу в файле styles.scss на @import "../node_modules/bootstrap-scss/bootstrap";

...