尝试显示图像"blocked:other"时出现以下错误: [英] Getting the following error while trying to display image "blocked:other"

问题描述

Angular 6 ngBootstrap网站

(已阻止:其他)

better728x90.gif存在于正确的文件夹中，不确定为什么我会收到此错误，并且确实存在图像上的其他404.

The better728x90.gif exists in the correct folder, not sure why I'm gettin this error and other 404s on images that do exist.

以下路径正确:

<a href="assets/images/banners/better728x90.gif">
    <img src="assets/images/banners/better728x90.gif" width="728" height="90" class="fit"><br>
</a>

当我在Chrome浏览器中检出img元素时，会看到以下内容:

When I check out the img element in the chrome inspector I see this:

img[src="assets/images/banners/better728x90.gif"] {
    display: none !important;
}

当我使用以下命令将所有图像强制显示为display:block时，丢失的图像图标终于显示出来.

When I force all images to display:block with the following, the missing image icon finally shows up.

:host {
  img {
    display: block !important;
  }
}

---

assets/images/banners/better728x90.gif:1 GET http://localhost:4200/assets/images/banners/better728x90.gif net::ERR_BLOCKED_BY_CLIENT

推荐答案

AH！那是我的adBlocker！

AH! It was my adBlocker!

我谷歌浏览器无法加载资源:net :: ERR_BLOCKED_BY_CLIENT

我在本地主机上将其暂停，现在图像开始显示.

I paused it on my local host and now the images are showing up.

这篇关于尝试显示图像"blocked:other"时出现以下错误:的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！