GraphQL Errors: Can't reexport the named export 'BREAK' from non EcmaScript module (only default export is available)

[netanelmaroof]

I’ve never had an error like this before… does anyone know how to fix this?

[Tobbe]

What file is giving you this error? Can you give us the full filepath and also show what the file looks like?
What steps did you take before getting this error?

If you could provide a little more context I’m sure someone here has some ideas how to troubleshoot further

[netanelmaroof]

../node_modules/graphql/index.mjs 42:0-48:205Can't reexport the named export 'BREAK' from non EcmaScript module (only default export is available)

[netanelmaroof]

All i had done was create an apollo schema in the frontend

[netanelmaroof]

I can confirm that it has nothing to do with the gql imports. Maybe it has something to do with Webpack?

[Tobbe]

Thanks for getting back with more details

I’m afraid I don’t have any good guesses as to what might be wrong. Hopefully someone else can chime in

[dthyresson]

@netanelmaroof

Maybe it has something to do with Webpack?

You may already seen this:

Compile error with webpack 4

Did you add some to your web/config/webpack.config.js?

or this

Compile error with webpack 4

Had the same issue, but I didn't want to mess with webpack config. My fix was to change imports.

-import { print } from 'graphql';
+import { print } from 'graphql/language/printer';

[netanelmaroof]

I figured out what the issue is, and i can only say I’m more confused than before.
It’s webpack, not detecting .mjs files. A patch was released for this a year ago, but for some reason my file doesnt have that config. Does anyone know how to edit a webpack file and add that in? I have no personal experience with it.

[netanelmaroof]

Also just realized… I don’t have a webpack file in my web config.