问找不到App.js模块；无法解析，无法编译

EN

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import buttonWelcome from 'C:\Windows\System32\pleasework\node_modules\sweet.js';

export default class App extends Component() {
  render() {
  return (
    <View style={styles.container}>
      <Text style={styles.title}>Welcome</Text>
      <buttonWelcome text='Login' color='red' />
    </View>
  );
}
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'white',
    alignItems: 'center',
    justifyContent: 'center',
  },
  title: {
    fontSize: 32,
    textAlign: 'center',
    margin: 10,
  },
});

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

const buttonWelcome = props => {
    const content = (
        <View style={[style.button, {backgroundColor: props.color}]}>
            <Text style={styles.text}>{props.text}</Text>
        </View>
    )
    return <TouchableOpacity onPress={props.onPress}>{content}</TouchableOpacity>
}

const styles = StyleSheet.create({
    button: {
        padding: 16,
        width: 200,
        borderRadius: 24,
        alignItems: 'center'
    },
    text: {
        color: 'white',
        fontSize: 20
    }
})

export default buttonWelcome;