blocks|key|4425645|text|我也面临着同样的错误。经过多次尝试，我重新启动了打包程序，应用程序捕捉到了图像。因此，解决方案是:重新启动打包程序。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4425646|希望这能有所帮助。|4425647|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

I too faced the same error. After a lot of trying, I restarted the packager, and the app picked up the image. So the solution is: Restart the packager.

Hope this helps.

blocks|key|4425719|text|目前React+Native：https://github.com/facebook/react-native/issues/6691存在一个未解决的问题。非常烦人-重新加载应用程序和/或重新启动包管理器是目前我所知道的唯一解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4425720|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/facebook/react-native/issues/6691^0|F|1G|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Currently an open issue with React Native: <a href="https://github.com/facebook/react-native/issues/6691" rel="noreferrer">https://github.com/facebook/react-native/issues/6691</a>. Highly annoying - Reloading the app and/or restarting the package manager is, for now, the only solution I currently am aware of.

blocks|key|4425725|text|我知道这听起来很奇怪，但我要加上这条评论，以防其他人到这里来。我从https://rnplay.org在线复制了一个简单的例子，创建了一个index.ios.js文件，但我一直收到“意外字符”错误。我使用Atom.io作为我的脚本工具。我在想也许我有一个错误的字符集的编码问题。我已经确认我正在使用UTF-8|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4425726|因此，我使用键盘上的(左/右)箭头键，我注意到光标将停止移动两次键盘箭头按下，就在我的Emulator红色灾难屏幕中确定的位置。就像我的代码里有两个看不见的字符。我花了相当长的时间来确认这一点。我能够突出显示“隐藏”字符并将其删除。|4425727|删除后，新代码运行良好。|4425728|很奇怪。不确定里面是什么。(注意:我从https://rnplay.org/apps/5FsfPA复制了幻灯片示例代码，并使用“全选”和Command-C进行复制，使用Command-V进行粘贴...如果有人想重复这个实验)|4425729|是的，我知道这听起来有多傻。也许其他人也遇到了同样的问题？验证测试非常简单。从红屏错误消息标识的位置开始。使用键盘箭头并验证每次按键时文本上的光标都会移动。|4425730|entityMap|0|LINK|mutability|MUTABLE|url|https://rnplay.org/|1|https://rnplay.org/apps/5FsfPA^0|X|I|0|0|0|0|J|U|1|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|6|7|Z|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|10|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]]|C|$]]|$1|J|3|K|5|6|7|15|8|@]|9|@]|C|$]]|$1|L|3|-4|5|6|7|16|8|@]|9|@]|C|$]]]|M|$N|$5|O|P|Q|C|$R|S]]|T|$5|O|P|Q|C|$R|U]]]]

I know this is going sound pretty weird, but I'm going to add this comment in case anybody else gets here. I created a index.ios.js file by copying a simple example from something online at <a href="https://rnplay.org" rel="nofollow">https://rnplay.org</a> I kept getting "unexpected character" errors. I'm using Atom.io as my script tool. I was thinking perhaps I had an encoding issue with the wrong character set. I've confirmed I'm using UTF-8

So I was using the (left/right) arrow keys on my keyboard, and I notice the cursor would stop moving for two keyboard arrow pushes, right at the location identified in my Emulator Red Screen of Disaster. It was like there were two invisible characters in my code. I played with this for a pretty long time to confirm. I was able to highlight the "hidden" characters and delete them.

After deletion, the new code works great.

Bizarre. Not sure what was there. (Note: I copied the Slider Example Code from <a href="https://rnplay.org/apps/5FsfPA" rel="nofollow">https://rnplay.org/apps/5FsfPA</a> and I used a "Select All" and Command-C to do the copying and Command-V to paste... if anybody wants to repeat the experiment)

And yes, I know how silly this sounds. Perhaps others have hit the same issue? The verification test is pretty easy. Start at the location identified by the Red screen error message. Use the keyboard arrow and verify the cursor on your text moves for each key push.

blocks|key|4425752|text|从草图中导出图像时，这种情况在我身上发生了很多次，这很奇怪。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4425753|我不知道为什么，但在从photoshop导出相同的图像后，错误消失了。|4425754|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

That happened to me many times with images exported from sketch, it's weird.

I don't know why, but after exporting the same image from photoshop the error disappeared.

blocks|key|4425718|text|我也有过类似的错误，但只适用于android。问题出在ios后缀中：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4425719|文件名为back-icon@4x.ios.png|4425720|然后在代码中：|4425721|export+const+backButton+=+require('../../images/back-icon@4x.ios.png');|code-block|syntax|javascript|4425722|当我删除文件名和代码(到'../../images/back-icon@4x.png')中的后缀时，错误消失了。|4425723|entityMap^0|R|3|0|4|K|0|0|0|C|V|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|Y|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|Z|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|R|$]]

I had similar error but just with android. 
And the problem was in <code>ios</code> suffix:

Filename was <code>back-icon@4x.ios.png</code>

Then in code:

<pre><code>export const backButton = require('../../images/back-icon@4x.ios.png');
</code></pre>

When I remove the suffix in filename and in code ( to <code>'../../images/back-icon@4x.png'</code>) error disappeared.

blocks|key|4425792|text|我的目录名中有一个空格。为了修复它，我只是使用了另一个目录。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4425793|变化|4425794|...\Desktop\develop+(测试)\我的项目...|4425795|至|4425796|...\Desktop\develop\MyProject...|4425797|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|N|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|O|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

I had a spaces in my directory name. To fix it I just used another directory.

Changed

...\Desktop\develop (test)\MyProject...

to

...\Desktop\develop\MyProject...

blocks|key|4425839|text|我也有同样的问题。对我有效的解决方案是删除图像文件名中的"_“，最后热重新加载您的应用程序。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4425840|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I had the same problem. The solution that worked for me was to remove "_" on image's filename and finally hot reload your application.

I'm try display a image on a component on React-native, but I don't know why this error happens...

Example of code:

<pre><code>render () {
 let { convenience } = this.props
 return (
 &lt;View style={{flexDirection: 'row', height: 50}}&gt;
 &lt;Text style={{marginRight: 30}}&gt;{convenience.name}&lt;/Text&gt;
 &lt;Image source={require('./icons___favorito_ativo.png')} /&gt;
 &lt;/View&gt;
 )
}
</code></pre>

Printscreen:

<a href="https://i.stack.imgur.com/FdZCI.png" rel="noreferrer"><img src="https://i.stack.imgur.com/FdZCI.png" alt="enter image description here"></a>

Error on load image on React-native: Unexpected character

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我尝试在React-native上显示一个组件上的图像，但我不知道为什么会发生这个错误...代码示例：render () { let { convenience } = this.props return ( <View style={{flexDirection: 'row', height: ...

问在React-native上加载图像时出错:意外字符
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在React-native上加载图像时出错:意外字符EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在React-native上加载图像时出错:意外字符
EN