Question

当我执行离子服务时，它显示以下错误：

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

localhost /：1无法加载资源：服务器以   状态为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

我有同样的问题。我能够解决。我修复了路由文件，因为另一个路由的顺序较高，所以无法加载该路由。

Answer 3

离子在index.html文件中包括默认的图标图标。

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

您可以将收藏夹图标放入“资产/图标”，并替换上方的href。

Answer 4

尝试更改浏览器，我修复了此问题，方法是单击打开Firefox的url资源，然后可以在Firefox上正常测试该应用程序

Answer 5

升级后，我遇到了同样的问题。我解决了这个问题：

npm rebuild node-sass

Answer 6

我有同样的问题，但使用以下解决方案解决了

  <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico" />

我使用的是 .ico 文件而不是 .png 文件，这对我有用。尝试一次。

Answer 7

我多次遇到相同的错误，当您错过任何小问题（例如错误的图像路径）或忘记编写任何模块/服务/组件的导入语句时，将抛出此错误。当您运行项目时，这些错误将显示在终端中。解决这些问题可以运行您的项目

Answer 8

我有完全相同的问题。我建议您看一下VSCode中的终端（如果您是在标准终端上启动的，则查看标准终端），并查找错误消息。

最可能的问题不是favicon.ico blabla东西，而是您应用程序的另一个元素，例如.ts文档中的东西。通过终端，您可以以比Chrome更好的方式查找它，从而向您显示此无关的消息。

Answer 9

我也遇到了同样的错误。就我而言，我在导入文件时做错了

从'src / app / shared / interfaces / IUser导入{IUser}

以下更改的路径是固定错误。

从'./shared/interfaces/IUser导入{IUser}

交叉检查您的导入文件。可能有帮助

Answer 10

下载项目的新分支时出现相同的错误，我只运行最新组件的npm install

Answer 11

我将创建的副本favicon.png从assets/icon/favicon.png复制到root项目文件夹中，并将其重命名为favicon.ico，然后将其放在assets/icon/favicon.ico

并检查此答案。

https://stackoverflow.com/a/63749758/8370334

Answer 12

我遇到了这个错误，这是因为我包含了一个实际上并没有使用的导入。在我的示例中，我在使用console.log时意外导入了Console。

我遇到错误TS2307：找不到模块“控制台”。在VS Code终端中，但我在Chrome中的错误是“拒绝加载图像'http：// localhost：8100 / favicon.ico'，因为它违反了以下内容安全策略指令：“ default-src'none'”。请注意，未明确设置“ img-src”，因此将“ default-src”用作备用。

无法加载资源：服务器的响应状态为404（未找到）”

因此请注意，此错误不一定与网站图标有关。

Answer 13

与离子v5和角v10相同。

在variables.scss文件中创建某些错误时，您可能会遇到此错误。

我正在使用添加将在整个应用程序中使用的全局变量列表，但是我忘记添加,。

它在编译时没有产生错误...

代码是：

 $color-settings: (
  'primary': (
    'base': #297bfd,
  )  // <-- Comma is missing here
  'secondary': (
    'base': #297bfd,
  )
}

我认为，它将显示相同的错误，它以某种方式破坏了离子编译scss的方式。

执行离子服务-o

13 个答案: