Internal error using loadFilesSync require() of ES Module.

[vagnerwentz]

I'm doing some studies on GraphQL, and when trying to modularize my application, putting resolvers in separate files, and when trying to make a
loadFilesSync(path.join(__dirname), '**/*.resolvers.js'), It's giving me an error in the terminal.

node:internal/errors:464
ErrorCaptureStackTrace(err);

Error [ERR_REQUIRE_ESM]: require() of ES Module /Users/vagner.wentz/Documents/Udemy/complete-nodejs-developer/graphql-example/server.js 
from /Users/vagner.wentz/Documents/Udemy/complete-nodejs-developer/graphql-example/noop.js not supported.

Instead change the require of server.js in /Users/vagner.wentz/Documents/Udemy/complete-nodejs-developer/graphql-example/noop.js to a dynamic import() which is available in all CommonJS modules.

My package.json with the versions

"@graphql-tools/load-files": "^6.5.3",
"@graphql-tools/schema": "^8.3.2",
"express": "^4.17.3",
"express-graphql": "^0.12.0",
"graphql": "^16.3.0",
"nodemon": "^2.0.15"

server.js

import path from 'path'
import express from 'express'
import { fileURLToPath } from 'url';
import { graphqlHTTP } from 'express-graphql'
import { loadFilesSync } from '@graphql-tools/load-files'
import { makeExecutableSchema } from '@graphql-tools/schema'

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

const typesArray = loadFilesSync(path.join(__dirname, '**/*.graphql'))
const resolversArray = loadFilesSync(path.join(__dirname), '**/*.resolvers.js')

const schema = makeExecutableSchema({
  typeDefs: typesArray,
  resolvers: resolversArray,
})

const app = express()

app.use('/graphql', graphqlHTTP({
  schema: schema,
  graphiql: true,
}))

app.listen(3000, () => {
  console.log("Running GraphQL server...")
})

products.resolvers.js

import productsModel from "./products.model";

export const productsResolvers = {
  Query: {
    products: async (parent, args, context, info) => {
      return productsModel.getAllProducts();
    }
  }
}

products.model.js

const products = [
  {
    id: 'redshoe',
    description: 'Red Shoe',
    price: 42.12
  },
  {
    id: 'bluejean',
    description: 'Blue Jean',
    price: 500.39
  }
]

function getAllProducts() {
  return products;
}

export default productsModel = {
  getAllProducts
}

orders.resolvers.js

import ordersModel from './orders.model';

export const ordersResolvers = {
  Query: {
    orders: () => {
      return ordersModel.getAllOrders()
    }
  }
}

orders.model.js

const orders = [
  {
    date: '2005-05-05',
    subtotal: 542.61,
    items: [
      {
        product: {
          id: 'redshoe',
          description: 'Old Red Shoe',
          price: 45.11,
        },
        quantity: 2,
      }
    ]
  }
]

function getAllOrders() {
  return orders;
}

export default ordersModel = {
  getAllOrders
}

[ardatan]

It is not possible to import ES Modules with require so we are not able to import ES Modules with sync API. You can use loadFiles instead of loadFilesSync or switch to CommonJS

[ardatan]

I need a reproduction on CodeSandbox or StackBlitz to see it :)

[vagnerwentz]

Can I push to github? Or do you prefer CodeSandbox or StackBlitz?

[ardatan]

I'd prefer sandbox envs instead of multiple clones, pulls and pushes to be honest :)

[vagnerwentz]

@ardatan Here is the link https://codesandbox.io/s/jovial-jackson-1ucmih?file=/server.js tell me if you can see.

[vagnerwentz]

I forgot to say, I am using the v16.13.2 version node.