在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)