无法在本机反应中加载静态图像

Posted

技术标签:

【中文标题】无法在本机反应中加载静态图像【英文标题】:Unable to load static images in react native 【发布时间】:2021-12-10 16:43:49 【问题描述】:

我的文件夹结构:

-资产

--图片

---potrait.png

-src

--file.js

我想在 file.js 中加载我的图像,但它会引发错误

<Image source=require('../assets/images/potrait.png') />

错误:

错误:错误:无法从 D:\munish\Desktop\Invictus\reach-app\src\reactNativeCamera.js 解析模块 ../assets/images/potrait.png:

这些文件都不存在:

potrait.png assets\images\potrait.png\index(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native. ts|.ts|.android.tsx|.native.tsx|.tsx)

【问题讨论】:

【参考方案1】:

遗憾的是,react 禁用了 src 之外的导入。您应该将它们移动到 src 内部或 public 文件夹,在那里可以通过 / 访问它(不推荐,因为它会复制图像,应避免进行最佳优化)。

【讨论】:

好的,你能帮我举个例子吗,因为即使我把我的图片放在 src 文件夹中,它也会出现同样的错误。 请在expo查看这个例子(注意这是src文件夹)snack.expo.dev@MunishVira 我只是在做同样的事情,只是为什么它给我错误/ 你能写出新的文件结构以及你如何导入@MunishVira【参考方案2】:

你试过这种语法吗?

<Image source=uri: localPath/>

【讨论】:

以上是关于无法在本机反应中加载静态图像的主要内容,如果未能解决你的问题,请参考以下文章

反应本机:名称中带有空格的图像不会在 IOS 中加载(设备,不是 https 问题)

无法在tomcat中加载静态文件

无法在 Spring Security 中加载静态内容

MonoTouch <--> 静态库异常:无法在包中加载 NIB

Nextjs:无法从静态文件夹加载图像

图像不会在 Xcode iOS 模拟器中加载