Question

我无法运行此项目。

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

const {width, height} = Dimensions.get('window');

class Form extends Component {
  render() {
    return (
      <ImageBackground source={require('../img/bg.jpg')} style={{width, height, justifyContent: 'center', alignItems: 'center'}}>
        <View style={styles.section}>
          <Text style={{paddingLeft:10, color:'white'}}>Başlangıç Konumu</Text>
        </View>
        <View style={styles.section}>
          <Text style={{paddingLeft:10, color:'white'}}>Varış Konumu</Text>
        </View>
        <View style={{backgroundColor: 'orange',
        width: width*0.95, marginTop: 40, flexDirection: 'row',
        justifyContent: 'center', alignItems: 'center', height: height*0.075}}>
          <Text style={{color:'white', fontSize:20}}>KM Hesapla</Text>
        </View>
        </ImageBackground>
    );
  }
}

export default Form;

第25行，第21列中的响应错误500。我尝试删除此页面，但不起作用。为什么我不能运行这个项目？

Answer 1

首先，您真的是在谈论Web浏览器中的ReactJS应用程序，而不是移动设备上的ReactNative吗？此错误通常与Babel有关。

此外，我不会将您的班级命名为Form。更加详细一些。什么类型的表格？

删除您的node_modules文件夹。

然后在命令行上执行这些操作。

npm缓存清理

npm我

为什么我不能运行React Native项目（转换错误）

1 个答案: