无法在本机反应中加载静态图像
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 问题)