为什么我在 React.js + GraphQL 中收到此错误:模块构建失败:语法错误:意外令牌 (10:6)

Question

我正在尝试设置一个React/GraphQL应用程序。这是我的代码。我仔细检查了我的导入/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

确保在你的主目录（与 webpack.config.js 并行）中有一个 .babelrc 文件，其中包含

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

我不确定为什么 ApolloProvider 特别需要这个，但添加这个简单的行为我修复了它。