javascript - 为什么我在 React.js + GraphQL : Module build failed: SyntaxError: Unexpected token (10:6) 中收到此错误

Question

我正在尝试设置一个 React/GraphQL 应用程序。这是我的代码。我仔细检查了 import/package.json 但我不断从 webpack 的第 10 行收到语法错误(“意外的标记”)，我就是不明白为什么。

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 特别需要这个，但添加这个简单的行为我解决了这个问题。