Can't reexport the named export 'visitWithTypeInfo' from non EcmaScript module (only default export is available)

[sibelius]

I'm using 4.0.0-alpha.20, to make storybook work well with babel 7

ERROR in ./node_modules/graphql/index.mjs 64:0-70:117
Can't reexport the named export 'visitWithTypeInfo' from non EcmaScript module (only default export is available)
 @ ./node_modules/graphql-relay/lib/connection/connection.js
 @ ./node_modules/graphql-relay/lib/index.js
 @ ./src/common/utils.js

I'm hit this error, I think it is related to .mjs extensions, or a missing babelrc plugin

[fletcherist]

Same here

[igor-dv]

Google gave me this - graphql/graphql-js#1272 issue. I belive it's not related to us directly.

[fletcherist]

@sibelius Actually I've solved this with this comment. Why not to try it out?

Actually the problem here is that Storybook can't parse .mjs modules out of box.
I think this issue should be closed.

[sibelius]

@fletcherist you used a custom webpack config to achieve this?

can u share part of it?

[fletcherist]

@sibelius of course, sure: .storybook/webpack.config.js

module.exports = (baseConfig, env, config) => {
  // ...
  config.module.rules.push({
    test: /\.mjs$/,
    include: /node_modules/,
    type: "javascript/auto",
  });
  config.resolve.extensions.push(".mjs");
  // ... Rest params
  return config;
};

[igor-dv]

@Hypnosphi, is this mjs something we would like to support by default ?

[Hypnosphi]

Yes, it's node.js extension for ES modules. We should add it to resolve.extensions and to babel-loader's test.

But I have no idea what does type: "javascript/auto" mean