在 Netlify 上部署 React 网站时出现空白页面

Question

我正在尝试使用 React 部署我的个人网站，但它显示一个空白页面，并在 React 导入时出现以下错误。它在本地主机上运行良好。我浪费了一整天试图解决它但没有成功。关于可能是什么问题的任何想法？提前致谢。

错误：“意外的标识符‘React’。导入调用需要一个参数”在第一行

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';

// import injectGlobal helper
import { injectGlobal } from 'styled-components';

import Main from './app/Main';

// Global style
injectGlobal`
  html,



body,
  #app,
  .wrapper {
    min-height: 100vh;
    height: 100%;
  }

  html {
    box-sizing: border-box;
    font-size: 100%;
  }

  * {
    &,
    &::after,
    &::before {
      box-sizing: inherit;
    }
  }

  body {
     padding: 0;
     margin: 0;
     font: 1rem / 1.414 Roboto;
   }
`

const wrapper = document.getElementById('app')

const App = () => (
  <BrowserRouter>
    <Main />
  </BrowserRouter>
)

ReactDOM.render(<App />, wrapper)