javascript - 将代码从 ES5 转换为 ES6 并导出未按预期工作

Question

尝试将某些 GraphQL 代码从 ES5 转换为 ES6 时出现以下错误:

_graphql2.default 不是构造函数

这是新的 ES6 代码:

import GraphQLList from 'graphql'
import ConfigModel from '../../models/config'
import { configType as ConfigType } from '../types/config'

// Query
export default queryType = {
  type: new GraphQLList(ConfigType),
  description: "The configuration for the home 'page'",
  resolve: function () {
    const config = ConfigModel.find()
    if (!config) {
      throw new Error('Error')
    }
    return config
  }
}

ES5 代码如下所示:

var GraphQLList = require('graphql').GraphQLList;
var ConfigModel = require('../../models/config');
var ConfigType = require('../types/config').configType;

// Query
exports.queryType = {
  type: new GraphQLList(ConfigType),
  description: 'The configuration for the home \'page\'',
  resolve: function () {
    const config = ConfigModel.find()
    if (!config) {
      throw new Error('Error')
    }
    return config
  }
}

我猜编译器期望这段代码是一个类，但它只应该是一个对象文字，我做错了什么？

Answer 1

您基本上转换了此 ES5 行:

var GraphQLList = require('graphql').GraphQLList;

对此:

import GraphQLList from 'graphql'

您应该能够在此处看到错误。

在 ES6 代码中，GraphQLList 将是一个对象，包含该模块的所有导出，其中包括一个名为 GraphQLList 的对象。

所以你可以从这里更改你的 ES6 代码:

new GraphQLList(ConfigType)

对此:

new GraphQLList.GraphQLList(ConfigType)

或者，正如评论者提到的，只需这样做:

import { GraphQLList } from 'graphql'