在angular-cli.json文件中,有一个apps / assets键可以让我使用资产。
我可以声明我放在那里的所有图像,然后我可以使用它。但这显然不是这样做的,对吗?
“Wtf这个同伴编码是否意味着什么?”,你现在就是我想的,所以这是我的问题:
.angular-cli.json:
"apps": [
{
"root": "src",
"outDir": "dist",
"assets": [
"assets",
"favicon.png"
],
// Other things that do not matter
],
代码中的某处:
<img src="assets/images/mycoolimage.png" alt="Johannes banannes">
资产文件夹(包括图片):
src/assets/images/mycoolimage.png
我得到404说没有找到图像。查看angular-cli.json
,其中声明了assets
文件夹。这不应该意味着,应该包括所有资产吗?例如,favicon.png
可以在代码中的任何位置使用以下内容进行访问:
<img src="favicon.png">
如果在assets
部分(angular-cli.json)中声明了“assets”,则不应使用以下内容在任何地方提供其内容:
<img src="assets/images/mycoolimage.png">
非常感谢任何帮助。
编辑:以下是显示我的文件夹结构的屏幕截图:
答案 0 :(得分:0)
如果不是这样的话,请随意添加答案。如果你的解决方案比我的解决方案更好,我会接受它。
在.angular-cli.json
中,我添加了以下内容:
"apps": [
{
"root": "src",
"outDir": "dist",
"assets": [
"assets",
"assets/images", //<<<--- This line
"favicon.png"
],
// Other things that do not matter
],
它让我可以访问图像。只宣布“资产”不起作用。看起来像angular只包含子文件,但不包括子文件夹。