我在Angular 19中新启动的项目具有默认设置,只有几个简单的组件。我正在尝试在一个地方添加图片,因为它丢失了,因此在
public
中创建了
/src
文件夹,显然这是新文件夹而不是
assets
。图像的完整路径是
src/public/radom.webp
在这样的模板中将其引入:
<img mat-card-image ngSrc="/radom.webp" alt="Sad railroad" height="1024" width="1024"/>
并且不加载,URL
localhost:4200/radom.webp
返回404错误。
也是如此:
ngSrc="radom.webp"
ngSrc="/public/radom.webp"
ngSrc="public/radom.webp"
ngSrc="assets/radom.webp"
ngSrc="/assets/radom.webp"
ngSrc="src/radom.webp"
ngSrc="/src/radom.webp"
ngSrc="src/public/radom.webp"
ngSrc="/src/public/radom.webp"
ngSrc="radom"
具有
src
属性,上面的所有属性均返回404。
angular.json
未经修饰,因为它是由角/CLI生成的:
"assets": [
{
"glob": "**/*",
"input": "public"
}
]
修理ng serve
,清除缓存,什么都没有。认真用尽的想法,即使抛出或多或少的随机单词和chat-gpt也没有产生任何有用的解决方案,甚至没有想法。在带有
assets
文件夹的先前版本中,它每次都可以使用...
我已经在Angular中进行了检查。JSON通常会像下面的资产定义。
"assets": [
"src/assets",
"src/favicon.ico",
"src/manifest.webmanifest"
],