[Bug]: export default is not a function about babel HOT 7 CLOSED

Hey @jhgeluk! We really appreciate you taking the time to report an issue. The collaborators on this project attempt to help as many people as possible, but we're a limited number of volunteers, so it's possible this won't be addressed swiftly.

If you need any help, or just have general Babel or JavaScript questions, we have a vibrant Slack community that typically always has someone willing to help. You can sign-up here for an invite.

from babel.

When using Webpack, import&export are left untouched by Babel because webpack transforms them. I suggest asking in the Webpack repository if they have an option similar to https://babeljs.io/docs/babel-plugin-transform-modules-commonjs#importinterop. Maybe you can find some info in webpack/webpack#7973.

from babel.

You can explicitly add @babel/plugin-transform-modules-commonjs to the Babel config to force Babel to transpile ESM to CJS also when using webpack, but I recommend trying an alternative solution because webpack won't be able to tree-shake your imports anymore if they are first transpiled by Babel.

from babel.

Thanks for your quick reply. I've tried @babel/plugin-transform-modules-commonjs but that causes a whole new set of problems, since it will look for files that are not in the dist folder.

from babel.

Hi @nicolo-ribaudo ,

I was wondering if you could please help me. I've given up on the idea of bundling the code with webpack, since it will take too much time for it to be resolved.

So I'm just transpiling it with babel, like so: npx babel src/server --out-dir dist/server --keep-file-extension.

But when I do a request to my server, I get this response:

Error: require() of ES Module /src/services/pdf/index.mjs not supported.\nInstead change the require of /src/services/pdf/index.mjs to a dynamic import() which is available in all CommonJS modules.

I don't understand why this does not work, since I'm using dynamic imports and not require statements.

All my code worked when I was using:

require('@babel/register')({
	presets: ['@babel/preset-env'],
});

But it's not advised to use that in a production environment.

from babel.

Can you try adding exclude: ["transform-dynamic-import"] to the babel/preset-env options, so that it does not transform dynamic imports to require()?

from babel.

Thanks again for the quick response.

Now I get this error:
require is not defined in ES module scope, you can use import instead

from babel.