拒绝加载图像，因为它违反了以下内容安全策略指令（favicon）

Question

启动服务器时，出现以下错误：

拒绝加载图像“ http：// localhost：4200 / favicon.ico ”，因为它违反了以下内容安全策略指令：“ default-src'none'”。请注意，未明确设置“ img-src”，因此将“ default-src”用作后备。

我没有更改收藏夹图标或任何内容，默认情况下都是。

Answer 1

我遇到了同样的问题，尝试了我可以在网上找到的所有答案以及一些关于“资源”的答案。

例如：

angular/angular - Angular 8 升级 - 内容安全策略指令错误 #30802

拒绝加载字体 'data:font/woff...' 它违反了以下内容安全策略指令：“default-src 'self'”。请注意，'font-src'

不幸的是，我在启动服务器时忽略了命令行中的一个错误，该错误ng serve是关于我使用的全局 Angular 版本 (8.3.5) 比我的项目中的本地 Angular 版本 (8.0.6) 新。

我使用升级了我的本地 Angular 版本ng update @angular/cli --force，升级后发现了错误的真正原因，我在app.component.html文件中犯了一个愚蠢的错误，我犯了一个类型错误：我关闭了一个<td>with </tc>（而不是</td>）。

我的结论：下次我遇到这种错误时（我是开发人员，所以我相信它会再次发生）-我需要先检查我最近的更改！

希望这可以帮助。

Answer 2

我来这里是为了找到相同问题的答案，但我自己解决了。我的应用程序出现了一个角度编译错误（我没有运行ng build），上面的错误掩盖了这个问题。我错过了在解析器中使用的对象的某些属性。

我正在运行Angular〜7.x