执行 ionic serve 时出错

Question

当我执行 ionic serve 时，它​​显示以下错误：

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

加载资源失败：服务器响应状态为 404（未找到）

我该如何解决这个问题？

Answer 1

我有同样的错误信息。

查看执行时打印的日志

离子服务

向我展示了一堆错误，都与此类似

[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

编译过程有时会不时地吐出相当混乱的错误消息，但是稍微挖掘一下就可以开始猜测从哪里开始戳

Answer 2

Ionic 将默认的 favicon 图标包含到 index.html 文件中。

  <link rel="icon" type="image/png" href="assets/icon/favicon.png" />

您可以将您的 favicon 图标放入“assets/icon”并替换上面的 href。