Question

我正在使用相对路径在我的应用程序中显示图像。在我将我的应用程序更新到最新版本的Angular（4.1.3）之前，它工作得很好。我没有任何错误，我的图片不再显示。

我在app.component.html：

<img src="/src/images/settings.png" />

我的应用结构：

► e2e
► node_modules
► obj
▼ src
    ▼ app
        app.component.html
        app.component.ts
        app.module.ts
    ► assets
    ► environments
    ▼ images
        settings.png
    index.html
    main.ts
    polyfills.ts
    styles.css
    tsconfig.app.json
    tsconfig.spec.json
    typing.d.ts
.angular-cli.json
.editorconfig
.gitignore
karma.conf.js
package.json
protactor.conf.js
tsconfig.json
tslint.json

我按照this question中的建议尝试了很多路径但没有一个正常工作。与这个问题的区别在于我没有任何错误，我的应用程序正在运行，图像只是没有显示。奇怪的是，在我更新我的应用程序之前，它工作正常。

这可能来自哪些想法？

Answer 1

你正在使用angular-cli。确保images中的app.assets[]块中有.angular-cli.json，以便它的打包方式与资产目录相同。然后，将路径更改为images/settings.png

或者，您可以将images目录移动到应该已打包的assets文件夹中。

Answer 2

考虑您的应用树，不会images/settings.png？

您的 images 文件夹与 index.html

的高度相同

角度 - 图像不会以相对路径显示

2 个答案: