import error of CommonJS modules

[greatpie]

when I run npm dev:

SyntaxError: Named export 'EthereumAuthProvider' not found. The requested module '@3id/connect' is a CommonJS module, which may not support all module.exports as named exports.

[jonathantcrawford]

Any idea when these templates will be working again?

[oed]

@PaulLeCam Will this be fixed with the next release of the selfId sdk?

[PaulLeCam]

That seems like a setup issue, @jonathantcrawford what template is not working for you please?

[vindecodex]

when I run npm dev:

SyntaxError: Named export 'EthereumAuthProvider' not found. The requested module '@3id/connect' is a CommonJS module, which may not support all module.exports as named exports.

Same issue a run into, this was on nextjs template. @PaulLeCam

[vindecodex]

i just make it worked by using require instead of direct usage of import.

error

import { EthereumAuthProvider, SelfID } from '@self.id/web';

no error

const _web = require('@self.id/web');
const { EthereumAuthProvider, SelfID } = _web;

I'm using NextJS

[kitakaze-kan]

Hi, I had same issue on Nextjs template.
It seems to be the same as vercel/next.js#30750 .

Downgrading Next@12.0.1 works for me.

Or, this method may work as well. (I haven't tried it yet.)

For note, with v12.0.4 & react-hook-form, it's only ok with esmExternals: false

[jonathantcrawford]

i just make it worked by using require instead of direct usage of import.

error

import { EthereumAuthProvider, SelfID } from '@self.id/web';

no error

const _web = require('@self.id/web');
const { EthereumAuthProvider, SelfID } = _web;

I'm using NextJS

@vindecodex where did you make this change in the nextjs template?

[jonathantcrawford]

Setting the next dependency to an explicit version worked for me.
"next": "12.0.1",

[kinshukk]

Still getting this error, setting nextjs dependency doesn't work for me, I still get this:

SyntaxError: Named export 'EthereumAuthProvider' not found. The requested module '@3id/connect' is a CommonJS module, which may not support all module.exports as named exports

[bananaspliff]

if you can't publish notes after upgraded to 12.0.1 you need to enable chrome://flags/#unsafely-treat-insecure-origin-as-secure

[vindecodex]

i just make it worked by using require instead of direct usage of import.
error

import { EthereumAuthProvider, SelfID } from '@self.id/web';

no error

const _web = require('@self.id/web');
const { EthereumAuthProvider, SelfID } = _web;

I'm using NextJS

@vindecodex where did you make this change in the nextjs template?

i used nextjs npx create-next-app and not use the @self.id/framework instead i use @self.id/web and @self.id/core

[PaulLeCam]

I pushed new versions of the packages that remove the ESM setup, it works as expected for the self.id app and templates so hopefully this will fix the issues you're seeing.