Javascript 为什么在React.js+GraphQL中出现此错误：模块构建失败：SyntaxError:意外标记（10:6）

我正在尝试设置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')
);

---

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

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

---

我不知道为什么Apollo Provider特别需要这个，但添加这一简单行为我解决了这个问题。

你确定你配置了WebPack来编译JSX吗？所以，如果我配置了，这段代码应该可以工作了？实际上，我遵循本教程并克隆了推荐的github存储库。它应该有初始设置，但可能已经过时了。我再检查一遍。谢谢@SLaks！