ReferenceError: exports is not defined in ES module scope

[deniz-blue]

react-native@0.85.3
react-native-web@0.21.2
vite@8.0.16
vite-plugin-react-native-web@3.1.2

$ vite
failed to load config from /home/deniz/Source/Repos/deniz-blue/vantage/packages/app/vite.config.ts
error when starting dev server:
ReferenceError: exports is not defined in ES module scope
This file is being treated as an ES module because it has a '.js' file extension and '/home/deniz/Source/Repos/deniz-blue/vantage/node_modules/.pnpm/vite-plugin-react-native-web@3.1.2_inline-style-prefixer@7.0.1_react-native-web@0.21.2__5476e8c5883a2f5fe3c56bd8359f3338/node_modules/vite-plugin-react-native-web/package.json' contains "type": "module". To treat it as a CommonJS script, rename it to use the '.cjs' file extension.
    at file:///home/deniz/Source/Repos/deniz-blue/vantage/node_modules/.pnpm/vite-plugin-react-native-web@3.1.2_inline-style-prefixer@7.0.1_react-native-web@0.21.2__5476e8c5883a2f5fe3c56bd8359f3338/node_modules/vite-plugin-react-native-web/dist/cjs/index.js:1:25
    at ModuleJobSync.runSync (node:internal/modules/esm/module_job:543:37)
    at ModuleLoader.importSyncForRequire (node:internal/modules/esm/loader:353:47)
    at loadESMFromCJS (node:internal/modules/cjs/loader:1675:24)
    at Module._compile (node:internal/modules/cjs/loader:1838:5)
    at node:internal/modules/cjs/loader:1996:10
    at _require.extensions.<computed> [as .js] (file:///home/deniz/Source/Repos/deniz-blue/vantage/node_modules/.pnpm/vite@8.0.16_@types+node@25.9.1_esbuild@0.28.0_jiti@2.7.0_terser@5.48.0_tsx@4.22.4_yaml@2.9.0/node_modules/vite/dist/node/chunks/node.js:35017:9)
    at Module.load (node:internal/modules/cjs/loader:1579:32)
    at Module._load (node:internal/modules/cjs/loader:1381:12)
    at wrapModuleLoad (node:internal/modules/cjs/loader:255:19)
[ELIFECYCLE] Command failed with exit code 1.

[Bram-dc]

Could you create a minimal demo for me to try out? I am running on the same versions and working fine...

[deniz-blue]

(not very minimal) repro (branch reactnative; cd packages/app)
should i make a minimal demo still?

[Bram-dc]

Is it app or app-web?

app-web seems to be working:

✓ 8031 modules transformed.
computing gzip size...
dist/manifest.webmanifest                             1.61 kB
dist/index.html                                       2.33 kB │ gzip:   1.02 kB
dist/assets/sqlite3-opfs-async-proxy-5iQdrv9i.js     11.38 kB
dist/assets/worker-D2WIsnrv.js                       18.93 kB
dist/assets/sqlite3-worker1-BfS1OLUT.js             209.49 kB
dist/assets/dist-C8UX-1ti.js                        211.33 kB
dist/assets/sqlite3-DGXXSD5r.wasm                   859.73 kB │ gzip: 402.28 kB
dist/assets/index-cxGr_I2J.css                      296.73 kB │ gzip:  41.75 kB
dist/assets/workbox-window.prod.es5-Bd17z0YL.js       5.71 kB │ gzip:   2.25 kB │ map:    13.13 kB
dist/assets/dist-Bgl-1tEV.js                        209.99 kB │ gzip:  62.76 kB │ map:   884.78 kB
dist/assets/index-DaGKX0Vt.js                     1,784.54 kB │ gzip: 518.10 kB │ map: 7,346.72 kB

[plugin builtin:vite-reporter] 
(!) Some chunks are larger than 500 kB after minification. Consider:
- Using dynamic import() to code-split the application
- Use build.rolldownOptions.output.codeSplitting to improve chunking: https://rolldown.rs/reference/OutputOptions.codeSplitting
- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.
✓ built in 1.44s

PWA v1.3.0
mode      generateSW
precache  26 entries (2850.98 KiB)
files generated
  dist/sw.js.map
  dist/sw.js
  dist/workbox-2fbc6a65.js.map
  dist/workbox-2fbc6a65.js
 *  Terminal will be reused by tasks, press any key to close it.```

[Bram-dc]

I do not see this plugin being used anywhere...

[deniz-blue]

It is app, not app-web, I'm trying to rewrite using react native into app

Are you sure you are on the reactnative branch?

[deniz-blue]

FYI: just pushed a commit to reactnative branch, for repro you will need to uncomment a line in vite.config.ts
because now the app is bug repro for 2 different libraries
dannyhw/vite-plugin-rnw#14

[sitharus]

@deniz-blue Rename vite.config.ts to vite.config.mts (vite.config.cts might work but I didn't try).

@react-native/typescript-config uses "module": "esnext", but vite-plugin-react-native-web is set to be an ES Module so typescript is transpiling the vite config to a CJS module but Node is expecting to read an ES module. Renaming to .mts makes typecript transpile to a ES module.