React Native: this package itself specifies a main module field that could not be resolved ---/node_modules/graphql-request/index.

[skittlesaur]

I'm trying to use graphql-request v6.0.0 with expo however i keep getting this error.

I have updated metro.config.js to accept cjs.

const { getDefaultConfig } = require('@expo/metro-config')

const config = getDefaultConfig(__dirname)

config.resolver.sourceExts.push(
  'cjs'
)

module.exports = config

[OliverRM]

The package.json of graphql-request uses the new exports syntax instead of the main field to specify the main entry point of the module. The support in react-native for the new syntax is still in beta, see this disussion.

Anyway, this should not be a problem with the most recent versions of graphql-request as the main field has been added a few months ago.

In an old version of the readme.md this problem has been explained in more detail including a workaround. After the main field has been added to the package.json, the section in the readme has been removed.

[jasonkuhrt]

Next version of this package will be ESM only. So this "bug" would be expected then.