我正在学习Reaction Native,这是一个错误,当我在iPhone上使用EXPO Go时试图设置整个程序.

当我运行npm startexpo-cli start --tunnel来启动Metro Bundler时,收到了这个错误.当我扫描它并打开EXPO GO时,我在我的VS代码上收到以下错误

ERROR Error: Text strings must be rendered within a <Text> component.

这个错误在iOS上的Expo Go上显示:

enter image description here

到目前为止,我唯一的代码(因为这只是在开始编码整个应用程序之前设置Expo和Metro Bundler):

    import { View, Text } from 'react-native-web';
    
    const Home = () => {
        return (
            <View>
                <Text>HELLO</Text>
            </View>
        )
    }
    
    export default Home;

在index.js中

import { Stack } from 'expo-router';

const Layout = () => {
    return <Stack/>;
}

export default Layout;

In_layout.js

但当我在浏览器上打开它,它出现了正确的代码.

如何解决这个问题(尤其是手机上显示的错误)?

For further reference, I am following the video here 和 I am stuck at minute 21:00 because of this Render Error.

推荐答案

Your import is not right:
import { View, Text } from 'react-native-web';
It should be:
import { View, Text } from 'react-native';

注意:不知道错误是如何发生的,但要注意自动完成选项,有时它可以自动完成错误的导入(例如,不同包装中的相同组件名称)

Javascript相关问答推荐

禁用从vue.js 2中的循环创建的表的最后td的按钮

vanillajs-datepicker未设置输入值,日期单击时未触发更改事件

通过嵌套模型对象进行Mongoose搜索

我不知道为什么setwritten包装promise 不能像我预期的那样工作

我可以从React中的出口从主布局调用一个处理程序函数吗?

分层树视图

Chart.js 4.4.2,当悬停在一个数据点上时,如何在工具提示中拥有多个数据点/标签?

虚拟滚动实现使向下滚动可滚动到末尾

如何将Cookie从服务器发送到用户浏览器

material UI按钮组样式props 不反射

Eval vs函数()返回语义

确保函数签名中的类型安全:匹配值

将多个文本框中的输出合并到一个文本框中

不同表的条件API端点Reaction-redux

如何将字符串拆分成单词并跟踪每个单词的索引(在原始字符串中)?

在Press Reaction本机和EXPO av上播放单个文件

在对象的嵌套数组中添加两个属性

JSON Web令牌(JWT)错误:RSA密钥对的签名无效

在执行console.log(new X())时记录一个字符串

Reaction路由v6.4+数据API:重试加载程序而不显示错误