为什么在中的react项目中出现意外的令牌错误header.js?

在一个小的培训项目中,我不断地得到语法错误,我不明白。请查看以下错误:

./src/components/Header.js
SyntaxError: E:\REACT_APP\drf_project\src\components\Header.js: Unexpected token, expected ";" (40:7)

  38 | }
  39 | 
> 40 | Export default Header;
     |        ^
  41 | 

标题.js

import React from 'react';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/ Toolbar';
import Typography from '@material-ui/core/ Typography';
import CssBaseLine from '@material-ui/core/CssBaseLine';
import { makeStyles } from '@material-ui/core/Styles';


const useStyles = makeStyles((theme) => ({
                appBar: {
                  borderBottom: `1px solid ${theme.palette.divider}`,
                },
}));

function Header() {

    const classes = useStyles();
    return (
    <React.Fragment>
      <CssBaseLine />
        <AppBar

          Position='static'
          Color='white'
          Elevation={0}
          className={classes.appBar}
        >

          <Toolbar>
            <Typography variant='6' color='inherit' noWrap>
              BlogmeUp
            </Typography>
          </Toolbar>

        </AppBar>
    </React.Fragment>
  );
}

Export default Header;

我一直在寻找根本原因,但没有成功,虽然我完全按照它在教程中显示的方式。你能告诉我这里的问题吗?