gpt4 book ai didi

html - 为什么我的 Angular 应用程序不显示图像?

转载 作者:行者123 更新时间:2023-12-05 03:55:08 26 4
gpt4 key购买 nike

我创建了一个简单的 html 文件,它应该显示 svg 图像:

<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>HelloWorld</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>

<body>
<img src="D:/Angular/hello-world/node_modules/bootstrap-icons/icons/star.svg">
</body>

</html>

它在 Google Chrome 中显示正常,但 Firefox 根本不显示任何内容,但这是另一个问题...

当我在 index.html 内的 Angular 项目中运行完全相同的代码时,谷歌浏览器显示 “无法加载” 图像。有人知道为什么在纯 html 文件中它可以工作但是从 Angular 项目运行时它停止了吗?为什么 firefox 什么都不显示?

最佳答案

对于 Angular 应用程序,图像需要位于特定文件夹中才能找到所述图像。将图像移动(或复制)到 src/assets 并使用路径 assets/star.svg

关于html - 为什么我的 Angular 应用程序不显示图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60429207/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com