时间戳

首页 > 解决方案 > Angular 8 - 如果参数是属性，则不通过 require() 提供图像

angular - Angular 8 - 如果参数是属性，则不通过 require() 提供图像

问题描述

在我的 Angular 8 webapp 中，我试图通过函数加载图像： require()。在我的模板中，我使用：

<img [src]="logo" />

如果在组件 TS 代码中输入：

logo = require('./myImage.gif');

上面的硬输入路径可以很好地加载图像。

但是，我想使用动态方法并使用属性（变量）传递图像路径，例如：

const imagePath = './myImage.gif';
logo = require(imagePath);

在这种情况下，图像未加载，浏览器调试器会抱怨：

 Error: Cannot find module './myImage.gif' at webpackEmptyContext

将属性传递给函数 require() 有什么问题？如何解决？

标签： angular

解决方案

推荐阅读