В моем приложении я экспортирую AngularSplitModule в общий модуль, чтобы я мог использовать его при необходимости в различных функциональных модулях.
import { NgModule } from '@angul`enter code here`ar/core'; import { CommonModule } from '@angular/common'; import { AngularSplitModule } from 'angular-split'; @NgModule({ declarations: [ ], imports: [ ], exports: [ AngularSplitModule, CommonModule ] }) export class SharedModule { }
После процесса сборки у меня возникла проблема, из-за которой маленькая иконка на желобе не может быть загружена из-за нарушения CSP.
Сообщение об ошибке: ' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback.">
Может ли кто-нибудь указать мне правильное направление? Очень ценится.
Я не вижу вашей конфигурации CSP, но вам нужно установить img-src 'self' data:;, чтобы разрешить изображения данных URI.
img-src 'self' data:;
См. <scheme-source> в: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src#Sources
<scheme-source>