SyntaxError: Named export 'WebSocket' not found in ethers v6

[AntonioVentilii]

I am not really sure if it is a bug or wrong settings on my side, but with ethers v6, when I use any class/object that relates to the WebSocket, there is an issue with imports:

file:///Users/xxxx/projects/project-with-ethers-6/node_modules/ethers/lib.esm/providers/ws.js:1
export { WebSocket } from "ws";
         ^^^^^^^^^
SyntaxError: Named export 'WebSocket' not found. The requested module 'ws' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:

import pkg from 'ws';
const { WebSocket } = pkg;

I ran already a clean installation,

for info

"ethers": "^6.13.5"
Node 22.14

[ricmoo]

It looks like you are trying to use require on the commonjs package.

How are you importing ethers into your project? If you are using commonjs, you should use require("ethers") while if using ESM, use `import { ethers } from "ethers".

it looks like you may be trying to import a path within ethers directly?

[AntonioVentilii]

@ricmoo thank you for the answer! But I found out here: basically I had an override version of ws in my package.json because I am using alchemy-sdk too and they have not bumped ethers to v6 yet. All solved, thank you!

[AntonioVentilii]

@ricmoo I celebrated too soon... the issue is still there, and it happens whenever I import any provider, for example:

import { InfuraProvider } from 'ethers/providers';

my tsconfig file is

{
	"extends": "./.svelte-kit/tsconfig.json",
	"compilerOptions": {
		"allowJs": true,
		"checkJs": true,
		"esModuleInterop": true,
		"forceConsistentCasingInFileNames": true,
		"resolveJsonModule": true,
		"skipLibCheck": true,
		"sourceMap": true,
		"strict": true,
		"types": ["node", "@types/dom-view-transitions"]
	},
	"exclude": ["src/frontend/src/tests/**/*"]
}

I checked and my ws version is correct 8.17.1