error when starting dev server: TypeError: (0 , import_vite_plugin.crx) is not a function

[twicer-is-coder]

Build tool

Rollup

Where do you see the problem?

• In the browser
• In the terminal

Describe the bug

Everything was working fine until chrome released 130 and caused chaos with CSP. However I have upgraded the CRXJS package to "@crxjs/vite-plugin": "^2.0.0-beta.26" which have a fix for it. When I am starting the vite dev server, I am getting this error:

failed to load config from XX\vite.config.ts
Error when starting dev server:
TypeError: (0 , import_vite_plugin.crx) is not a functions

Any advise or workaround? I need to ship it ASAP as my extension is not working on production for many users.

Reproduction

Install ver 2.0.0-beta.26 and npm run dev.

Logs

No response

System Info

Windows 11, Chrome 130

Severity

blocking all usage of RPCE

[jacksteamdev]

@twicer-is-coder This looks like an import error in your config file, but it's hard to tell without more background.

1. Can you provide your config file as a minimum repro?
2. What was your last CRXJS version?

[promethyttrium]

add "type": "module" to your package.json

[abdullah-tsx]

was facing the same issue.
fixed it by updating following
"@crxjs/vite-plugin": "^2.0.0-beta.28"
"vite": "5.4.6"

[Nantris]

None of these solutions make a difference. crxjs seems unusable at this time.

The CJS build of Vite's Node API is deprecated. See https://vite.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.
failed to load config from redacted/packages/extension/vite.config.js
error when starting dev server:
TypeError: (0 , import_vite_plugin.crx) is not a function