React Native 500报错指向 <

本文详细记录了解决ReactNative项目中HelloWorld程序运行时出现的500错误过程。通过重启ReactNative服务器并重新部署应用程序至虚拟机,成功解决了问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前提:

配置好了React Native并且按照官网的教程,生成了我的AwesomeProject,并且成功运行

接下来按照官网教程生成 Hello World程序,代码如下

import React, { Component } from 'react';
import { Text, View } from 'react-native';

export default class HelloWorldApp extends Component {
  render() {
    return (
        <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
          <Text>Hello, world!</Text>
        </View>
    );
  }
}

将上面的代码覆盖App.js后,在命令行中输入:

react-native run-android

虚拟机反馈报错500,并在cmd中用红色的^指向return中第一个View的开始符号“<”

 

解决办法:

关闭含有server的窗口,重新输入命令:

react-native start

然后将应用部署至虚拟机,输入命令:

react-native run-android

虚拟机在屏幕中央显示了Hello World,成功运行,问题解决。

 

 

感谢您的阅读

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值