当我执行 ionic serve 时，它显示以下错误：
拒绝加载图像“http://localhost:8100/favicon.ico”，因为 它违反了以下内容安全政策指令： “默认源代码‘无’”。请注意，'img-src' 没有明确设置，所以 'default-src' 用作后备。
加载资源失败：服务器响应 404 状态（未找到）
我该如何解决这个问题？
【问题讨论】：
标签： ionic-framework
我收到了同样的错误信息。
查看执行时打印的日志
离子服务
给我看了一堆错误，都和这个类似
[ng] ERROR in ./src/global.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/global.scss)
[ng] Module build failed (from ./node_modules/sass-loader/lib/loader.js):
[ng] Error: Cannot find module 'node-sass'
[ng] Require stack:
这引导我重新启动应用程序并运行
npm install node-sass --save
编译过程有时会不时吐出相当混乱的错误消息，但稍加挖掘就可以开始猜测从哪里开始戳
【讨论】：
我有同样的问题。我能够解决它。我修复了路由文件，我有一个无法加载的路由，因为另一个路由更高阶。
【讨论】：
Ionic 在 index.html 文件中包含默认的 favicon 图标。
<link rel="icon" type="image/png" href="assets/icon/favicon.png" />
您可以将您的网站图标放入“assets/icon”并替换上面的href。
【讨论】：
我遇到了这个错误，这是因为我包含了一个我实际上并没有使用的导入。在我的示例中，我在使用 console.log 时意外导入了 Console。
我收到错误 TS2307：找不到模块“控制台”。在 VS Code 终端中，但我在 Chrome 中的错误是“拒绝加载图像'http://localhost:8100/favicon.ico'，因为它违反了以下内容安全策略指令：“default-src 'none'”。请注意，'img-src' 没有显式设置，因此 'default-src' 用作备用。
加载资源失败：服务器响应状态为 404（未找到）”
因此请注意，此错误不一定与网站图标有关。
【讨论】：
我有同样的问题，但使用以下解决方案解决了。
<link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico" />
我使用 .ico 文件而不是 .png 文件，这对我有用。试一次。
【讨论】：
我多次收到相同的错误，当您错过任何小问题（例如错误的图像路径或忘记编写任何模块/服务/组件的导入语句）时会抛出此错误。当您运行项目时，这些错误将显示在终端中。之后修复这些运行你的项目
【讨论】：
我遇到了完全相同的问题。 我建议您查看 VSCode 中的终端（或标准终端，如果您在那里启动它）并查找错误消息。
问题很可能不是 favicon.ico blabla 的东西，而是应用程序的另一个元素，例如 .ts 文档中的某个元素。通过终端，您可以以比 Chrome 更好的方式寻找它，它会向您显示这条不相关的消息。
【讨论】：
我也遇到了同样的错误。就我而言，我在导入文件时犯了错误
从 'src/app/shared/interfaces/IUser 导入 { IUser }
如下所示的更改路径是固定错误。
从 './shared/interfaces/IUser 导入 { IUser }
交叉检查您的导入文件。它可能会有所帮助
【讨论】：
我在下载项目的新分支时遇到了同样的错误，我只是运行了最新组件的 npm install
【讨论】：
我通过从assets/icon/favicon.png到root项目文件夹创建副本favicon.png并将其重命名为favicon.ico，并将其放在assets/icon/favicon.ico上
并检查这个答案。
【讨论】：
ionic v5 和 angular v10 也存在同样的问题。
当您在variables.scss 文件中创建一些错误时，您可能会遇到此错误。
我正在使用添加将在整个应用程序中使用的全局变量列表，但我忘记添加 ,。
编译时没有产生错误...
代码是：
$color-settings: (
'primary': (
'base': #297bfd,
) // <-- Comma is missing here
'secondary': (
'base': #297bfd,
)
}
我认为它会显示相同的错误，它以某种方式破坏了 ionic 编译 scss 的方式。
【讨论】：
升级后我遇到了同样的问题。我解决了这个问题：
npm rebuild node-sass
【讨论】：
尝试更换浏览器，点击打开firefox的url资源修复了这个问题，然后我就可以在Firefox上正常测试应用了
【讨论】：