Netlify에서 React 웹 사이트를 배포할 때 빈 페이지

Netlify에서 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)

참조URL: https://stackoverflow.com/questions/51802604/blank-page-when-deploying-react-website-on-netlify