angular + img 的src 利用 require访问的时候,路径为[object module]

angular可以使用[src]的方式来动态添加图片资源

 test.html
 
test.ts
 logo = require('../../../assets/image/logo.png')

问题出现:图片引入失败,打开文件看到
在这里插入图片描述
引入的是[object Module],找了一圈答案,大概是由于loader的版本导致的问题,那么由于用angular-cli构建的项目,没有暴露webpack的配置出来。所以利用改变配置的方式就行不通…(ps:本人没找到,如果有大佬找到,请多指教啊~)
输出了下require进来的模块,抱着试试的心态,改了下logo的内容,实现了,代码为:

 logo = require('../../../assets/image/logo.png').default;

你可能感兴趣的:(angular)