我正在尝试设置一个 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')
);
最佳答案
确保主目录中有一个 .babelrc 文件(与 webpack.config.js 并行),其中包含
{
"presets": ["env", "react"]
}
我不确定为什么 ApolloProvider 特别需要这个,但添加这个简单的行为我解决了这个问题。
关于javascript - 为什么我在 React.js + GraphQL : Module build failed: SyntaxError: Unexpected token (10:6) 中收到此错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47060052/