index.js

import React,{ Component} from 'react';

import ReactDOM from 'react-dom';

import 'antd/dist/antd.css'

import './style.css'

import { Layout } from 'antd'

import  AppHeader from './components/header/index'

const { Header, Content, Footer } = Layout;

class App extends Component{

  render (){

    return (

       <Layout style={{minWidth:1300}}>

          <Header className="header">

            <AppHeader />

          </Header>

          <Content className="content" >

            content

          </Content>

          <Footer  className="footer">

             footer

          </Footer>

       </Layout>

    )

  }

}

ReactDOM.render(

  <React.StrictMode>

   <App />

  </React.StrictMode>,

  document.getElementById('root')

);

header index.js

import React,{ Component } from 'raect'

class AppHeader extends Component{

    render(){

        return <div>111</div>

    }

}

export default AppHeader

报错信息是main.chunk.js:34 Uncaught SyntaxError: Unexpected token '!'