browser-ponyfill not fixed

[jeanengelbrecht02]

#54 (comment)

The requested module '/_nuxt/node_modules/.pnpm/[email protected]/node_modules/cross-fetch/dist/browser-ponyfill.js?v=7c73fe01' does not provide an export named 'default

[franzwilding]

I habe the same problem here. I think graphql-request is still importing cross-fetch, even if this module has dropped the dependency since 7.0.1.

I also tried to override fetch via config options, however I think also this is broken at the moment, as no options get passed to the graphql-request client:

export default defineNuxtConfig({
    modules: ['nuxt-graphql-request'],
    graphql: {
        useFetchPolyfill: true,
        clients: {
            default: {
                endpoint: 'XXX',
                options: {
                    responseMiddleware: responseMiddleware,
                    fetch: fetch,
                },
            }
        }

    },
    runtimeConfig: {
        public: {
            graphql: {
                clients: {
                    default: {
                        endpoint: 'XXX',
                        options: {
                            responseMiddleware: responseMiddleware,
                            fetch: fetch,
                        },
                    },
                },
            },
        },
    },
});

When I dump #build/graphql.options.mjs or nuxtApp.$config.public.graphql:

{
  clients: {
    default: { endpoint: 'XXX', options: {} }
  }
}

[lustremedia]

I think it is not fixed in 7.0.1 and these tickets are related ... #55

[lustremedia]

@Gomah can I assist you in fixing the issue?

[Gomah]

Unfortunately, that's inheriting from the graphql-request package, try to transpile nuxt-graphql-request in your nuxt.config.ts:

 build: {
    transpile: ['nuxt-graphql-request'],
  },

[lustremedia]

What does transpile do?
Does this also apply when running in dev?
Does qraphql-request need to fix this? Or is there a bug request already?

[Gomah]

What does transpile do?

It transpiles the declared dependencies using Babel instead.

Does qraphql-request need to fix this? Or is there a bug request already?

graphql-request uses cross-fetch under the hood but it's more of an ESM/CJS conflict. Related issue: lquixada/cross-fetch#120

[jovrtn]

Still getting this error in 7.0.4 with Nuxt 3.8.1. I was able to find a workaround by adding this to nuxt.config.ts:

alias: {
  "cross-fetch": "cross-fetch/dist/browser-ponyfill.js",
},

I do not have anything in my my build transpile array.

[nicolashmln]

@jovrtn same thing with nuxt 3.8.4, your fix working for me