Graphql SyntaxError: Unexpected token {

Question

我知道标题相似的问题有很多，但我相信这个不同。我正在尝试学习 nodejs 的东西，我发现 Graphql 可能是一个不错的起点。这是我的问题：

当我尝试 import { GraphQLServer } from 'graphql-yoga'; 它给出了错误，但下面的代码完美地工作： const { GraphQLServer } = require('graphql-yoga')

我不想用简单的方法修复错误并继续。我想学习基础知识。感谢您的帮助。

我使用的依赖项：

“依赖”：{ "babel-cli": "^6.26.0", "babel-preset-es2015": "^6.24.1", “graphql-瑜伽”：“^1.18.3”， “nodemon”：“^2.0.4” }

Answer 1

我认为这个 npm 包不适用于我们用于项目的 ES6/ES7 语法。因此，需要 babel 将这个语法转换成 ES5 语法。

要解决这个问题，你需要做 3 件事

1. 安装 Babel

   npm i babel-cli babel-preset-env

2. 在你的项目根目录下创建并配置一个.babelrc文件

   { “预设”：[ “环境” ] }

3. 在 package.json 中创建一个“启动”脚本，利用 Babel 提供的转换能力来运行你的 JS 文件（我的是项目目录内 'src' 文件夹中的 'index.js'）

   “脚本”：{ “开始”：“babel-node src/index.js” }