為什么在React.js + GraphQL中出現此錯誤：模塊構建失敗：SyntaxError：意外令牌（10：6）

Question

我正在嘗試設置一個React / GraphQL應用程序。 這是我的代碼。 我仔細檢查了imports / package.json，但在第10行從webpack不斷收到語法錯誤（“意外令牌”），我只是想不通為什么。

import React from 'react';
import ReactDOM from 'react-dom';
import ApolloClient from 'apollo-client';
import { ApolloProvider } from 'react-apollo';

const client = new ApolloClient({});

const Root = () => {
  return(
      <ApolloProvider client={client}> 
        <div>Lyrical</div>  
      </ApolloProvider>
  );
};

ReactDOM.render(
  <Root />,
  document.querySelector('#root')
);

Answer 1

確保主目錄中有一個.babelrc文件（與webpack.config.js平行），該文件包含

{
    "presets": ["env", "react"]
}

我不確定為什么ApolloProvider特別需要此功能，但是添加此簡單的代碼行對我來說就是固定的。