关于react项目中使用require导入图片不生效的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于react项目中使用require导入图片不生效的问题相关的知识,希望对你有一定的参考价值。

参考技术A 首先 react 项目 img 中的 src 不支持直接赋值相对路径,即不支持:

如果使用 require 导入图像, require 返回一个ES模块而不是字符串。这是因为在file-loader中,esModule选项是默认启用的。
用以下方式之一导入图像即可:

以上是关于关于react项目中使用require导入图片不生效的问题的主要内容,如果未能解决你的问题,请参考以下文章

react 本地图片的引入方式

react 项目搭建后 打包 引入图片的问题

将流星中的样式导入 React Storybook

[react] 在React中如何引入图片?哪种方式更好?

路径存储在 React 变量中时无法渲染图像

如何使用 ES6 语法将 Firebase Firestore 导入 create-react-app 项目