当前位置: 首页 > 面试题库 >

了解Angular JS中的本地主机图像加载错误

杜禄
2023-03-14
问题内容

如何找到以下错误报告中的错误?

GET http://localhost:8080/img/%7B%7BCurrentPage.img%7D%7D 404 (Not Found) angular.js:2763

r.html angular.js:2763
S.(anonymous function) angular.js:2810
(anonymous function) angular-ui-router.min.js:7
N angular.js:6711
g angular.js:6105
(anonymous function) angular.js:6001
j angular-ui-router.min.js:7
(anonymous function) angular-ui-router.min.js:7
k.$broadcast angular.js:12981
u.transition.L.then.u.transition.u.transition angular-ui-router.min.js:7
F angular.js:11573
(anonymous function) angular.js:11659
k.$eval angular.js:12702
k.$digest angular.js:12514
k.$apply angular.js:12806
h angular.js:8379
u angular.js:8593
z.onreadystatechange angular.js:8532

%7B%7BCurrentPage.img%7D%7D{{CurrentPage.img}},它返回图像名称和工作,这是为什么错误在我的控制台?


问题答案:

分解错误:

%7B%7BCurrentPage.img%7D%7D

您的图片来源是url编码的,其中:

%7B%7B is {{

%7D%7D is }}

页面加载后,浏览器将尝试获取由指定的图像

<img src="{{CurrentPage.img}}">

但是angular尚未有机会评估该表达式。然后浏览器尝试获取由原始文本指定的图像"{{CurrentPage.img}}"并对其进行编码,以便获得:

<img src="%7B%7BCurrentPage.img%7D%7D">

并且无法获取该网址指定的图像:

http://localhost:8080/%7B%7BCurrentPage.img%7D%7D

因为那里什么都不存在。为了解决这个问题,请使用ng-
src

<img ng-src="{{CurrentPage.img}}">

这样可以防止浏览器在通过角度正确评估之前加载图像。



 类似资料:
  • 问题内容: 我已经使用安装了React 。它安装得很好,但是我试图将图像加载到我的一个组件(,文件路径:)中,但是没有加载。这是我的代码: 如果我在变量中写入图像路径,则会出现错误: 编译失败。 ./src/Components/common/Header.js中的错误 找不到模块:/ var / www / html / wistful / src / Components / common中的

  • 我在索引中有代码。php 在头上。php 当我尝试在浏览器中打开时,发现以下错误:

  • 将我的RN版本从0.61.0升级到0.61.2后,当我发布构建版本时,它显示错误信息< code>No bundle url present。然后,我从xcode中删除main.jsBundle,并使用该命令再次创建该文件 发布后构建“无捆绑错误”消失了,但在我的发布版本中没有本地图像或图标。 #React本机版本信息:CPU:(4)x64 Intel(R)Core(TM)i5-3470S CPU

  • 我尝试从数组中随机加载gif。我尝试了几种方法,但都没有奏效。我要么收到错误消息,要么图像就不会出现。 版本 1(结果:图像未显示): 版本2(结果:“无效调用”) 版本3(结果:无法加载图像): 有什么想法吗?

  • 问题内容: 我正在构建一个小型React应用,并且我的本地图像无法加载。图像像负载。我以为这可能与服务器有关? 这是我的App.js index.js: 和server.js: 问题答案: 使用Webpack时,您需要对图像进行处理,以便Webpack处理它们,这可以解释为什么外部图像不加载而内部图像加载的原因,因此,您无需为每个图像使用正确的图像名称替换image-name.png。这样,Web

  • 背景 我在屏幕上放置了一个图像,用于在屏幕加载其他内容时显示。 我想使图像居中,这样它在所有设备上都是居中的。 问题 目前,图像显示在顶部中心。我希望它也垂直对齐。还要确保它在所有设备上看起来始终相同。 问题 确保图像始终居中并且所有设备的尺寸都正确的解决方案是什么? 例子, 我当前的代码, 在Photoshop中 图像为 300 分辨率 高度为 776 px 宽度为 600 px 我希望图像在所