Question

我正在尝试设置React / GraphQL应用。这是我的代码。我仔细检查了我的imports / package.json，但是我在第10行的webpack上一直收到语法错误（＆＃34;意外的令牌＆＃34;），我无法弄清楚原因。

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特别需要此功能，但是添加此简单行可以为我解决该问题。

为什么我在React.js + GraphQL中出现此错误：模块构建失败：SyntaxError：意外的令牌（10：6）

1 个答案: