Javascript React native-SyntaxError:..\src\screens\SignUp.js:意外标记，应为“1”&引用；

我是英语初学者。我有个问题。我正在尝试与firebase建立注册页面，但我无法做到这一点。存在一个编译器错误，该错误表示意外标记，应为“；”（29:21） 这是我的SignUp.js页面

import React from 'react';
import Firebase from 'firebase';

import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  StatusBar,
  Image,
  Alert,
  Button

} from 'react-native';

import {
  Header,
  LearnMoreLinks,
  Colors,
  DebugInstructions,
  ReloadInstructions,
} from 'react-native/Libraries/NewAppScreen';
import SignUpNextBtn from '../components/SignUpNextBtn';
import Input from '../components/Input';

const SignUp: () => React$Node = () => {

componentWillMount() {
    const firebaseConfig = {
        apiKey: '****',
        authDomain: '****',
}
    firebase.initializeApp(firebaseConfig);
}

  return (
    <>
    <View style={styles.container}>
            <Input />
            <View style={styles.headBackground}>
                <Text>Sign Up</Text>
                <Text style={styles.logo}>Sign Up to{'\n'}GOLD#</Text>
                <Text style={styles.logoDescription}>Sign Up</Text>
            </View>
            <ScrollView>
                <View  style={styles.loginArea}>
                    <Image style={styles.userCheckImg} source={require('../assets/user-check.png')}/>
                    <Image style={styles.envelopeImg} source={require('../assets/envelope-alt.png')}/>
                    <Image style={styles.lockImg} source={require('../assets/lock-alt.png')}/>
                    <Image style={styles.mobileImg} source={require('../assets/mobile-android-alt.png')}/>
                    <Image style={styles.postcardImg} source={require('../assets/postcard.png')}/>
                    <Text>Welcome !</Text>
                    <Text>{'\n'}Name* </Text>
                    <Input />
                    <Text>Email* </Text>
                    <Input />
                    <Text>PIN* </Text>
                    <Input secureTextEntry={true}/>
                    <Text>ID </Text>
                    <Input />
                    <Text>Phone Number </Text>
                    <Input />
                </View>
            </ScrollView>
            <SignUpNextBtn />
        </View>
    </>
  );
};


const styles = StyleSheet.create({

  container: {
      flex: 1,
      paddingVertical:80,
      backgroundColor: '#F5FCFF',
    },
    headBackground: {
          position:"absolute",
          top:0,
          left:0,
          height:560,
          width:411,
          backgroundColor:'#F3EA79',

        },

    logo:{
        textAlign:'center',
        fontSize:40,
        fontWeight:'bold',
        color:'#FFF',
        width:200,
        height:100,
        top:10,
        left:45,


    },
    logoDescription:{
        textAlign:'center',
        color:'#f2f2f2'
    },
    loginArea:{
        marginHorizontal:40,
        marginVertical:40,
        backgroundColor:'#fff',
        padding:20,
        borderRadius:10,
        elevation:10
    },
    userCheckImg: {
            width: 15,
            height: 12.75,
            top:125,
            left:5,
            position:"absolute",
            alignItems:'flex-start'
          },
    envelopeImg: {
                width: 15,
                height: 12.75,
                top:215,
                left:5,
                position:"absolute",
                alignItems:'flex-start'
              },
    lockImg: {

                width: 15,
                height: 12,
                top:305,
                left:5,
                position:"absolute",
                alignItems:'flex-start'
              },
    postcardImg: {
                    width: 15,
                    height: 12.75,
                    top:395,
                    left:5,
                    position:"absolute",
                    alignItems:'flex-start'
                  },
    mobileImg: {
                width: 15,
                height: 12.75,
                top:480,
                left:5,
                position:"absolute",
                alignItems:'flex-start'
              },

});

export default SignUp;

从“React”导入React；
从“Firebase”导入Firebase；
进口{
安全区域视图，
样式表，
滚动视图，
看法
文本，
状态栏，
形象,，
警觉的，
按钮
}从“反应本机”；
进口{
标题，
学习重新链接，
颜色，
调试说明，
重新加载指令，
}来自“react native/Libraries/NewAppScreen”；
从“../components/SignUpNextBtn”导入SignUpNextBtn；
从“../components/Input”导入输入；
常量注册：（）=>React$Node=（）=>{
组件willmount（）{
常量firebaseConfig={
apiKey:“**”，
authDomain:“****”，
}
firebase.initializeApp（firebaseConfig）；
}
返回(
注册
注册到{'\n'}GOLD#
注册
欢迎
{'\n'}名称*
电子邮件*
别针*
身份证件
电话号码
);
};
const styles=StyleSheet.create({
容器：{
弹性：1，
填充垂直：80，
背景颜色：“#F5FCFF”，
},
校长背景：{
位置：“绝对”，
排名：0，
左:0,，
身高：560，
宽度：411，
背景颜色：“#F3EA79”，
},
标志：{
textAlign:“中心”，
尺寸：40，
字体权重：'粗体'，
颜色：“#FFF”，
宽度：200，
身高：100，
前10名，
左：45，
},
标识说明：{
textAlign:“中心”，
颜色：'#f2f2'
},
罗吉纳雷亚：{
marginHorizontal:40，
玛吉：40，
背景颜色：“#fff”，
填充：20，
边界半径：10，
标高：10
},
用户检查：{
宽度：15，
身高：12.75，
排名：125，
左:5,，
位置：“绝对”，
alignItems:'flex-start'
},
信封：{
宽度：15，
身高：12.75，
排名：215，
左:5,，
位置：“绝对”，
alignItems:'flex-start'
},
上锁：{
宽度：15，
身高：12，
top:305，
左:5,，
位置：“绝对”，
alignItems:'flex-start'
},
明信片：{
宽度：15，
身高：12.75，
排名：395，
左:5,，
位置：“绝对”，
alignItems:'flex-start'
},
mobileImg：{
宽度：15，
身高：12.75，
top:480，
左:5,，
位置：“绝对”，
alignItems:'flex-start'
},
});
导出默认注册；

---

我哪里出错了？我已经处理这个问题很久了，谢谢您的帮助。

如果您没有使用React.Component，请使用箭头功能

componentWillMount = ()=> {
const firebaseConfig = {
    apiKey: '****',
    authDomain: '****',
}

---

重新加载指令，

末尾的假逗号