ERR_REQUIRE_ESM building with ViteJS and vite-ssg

[mq1]

Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: C:\Users\Manuel Quarneti\Desktop\runmc\node_modules\.pnpm\@tauri-apps+api@1.0.0-beta-rc.3\node_modules\@tauri-apps\api\tauri-3328260d.js
require() of ES modules is not supported.
require() of C:\Users\Manuel Quarneti\Desktop\runmc\node_modules\.pnpm\@tauri-apps+api@1.0.0-beta-rc.3\node_modules\@tauri-apps\api\tauri-3328260d.js from C:\Users\Manuel Quarneti\Desktop\runmc\node_modules\.pnpm\@tauri-apps+api@1.0.0-beta-rc.3\node_modules\@tauri-apps\api\tauri.cjs is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules.
Instead rename tauri-3328260d.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from C:\Users\Manuel Quarneti\Desktop\runmc\node_modules\.pnpm\@tauri-apps+api@1.0.0-beta-rc.3\node_modules\@tauri-apps\api\package.json.

    at new NodeError (node:internal/errors:329:5)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1109:13)
    at Module.load (node:internal/modules/cjs/loader:972:32)
    at Function.Module._load (node:internal/modules/cjs/loader:813:14)
    at Module.require (node:internal/modules/cjs/loader:996:19)
    at require (node:internal/modules/cjs/helpers:92:18)
    at Object.<anonymous> (C:\Users\Manuel Quarneti\Desktop\runmc\node_modules\.pnpm\@tauri-apps+api@1.0.0-beta-rc.3\node_modules\@tauri-apps\api\tauri.cjs:1:75)
    at Module._compile (node:internal/modules/cjs/loader:1092:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1121:10)
    at Module.load (node:internal/modules/cjs/loader:972:32) {
  code: 'ERR_REQUIRE_ESM'
}

[nothingismagick]

can you please share exactly how you are importing? have you tried importing the ts directly? or are you using require...

[mq1]

My only import from tauri api is import { invoke } from '@tauri-apps/api/tauri' from ts.
How do I import the ts directly?

[nothingismagick]

Try this

import { invoke } from '@tauri-apps/api/tauri.ts'

[mq1]

Try this

import { invoke } from '@tauri-apps/api/tauri.ts'

[vite:resolve] Missing "./tauri.ts" export in "@tauri-apps/api" package

[lucasfernog]

I think vite only follows package.json > exports field :( I see that your vite is trying to load the .cjs files though:

at Object.<anonymous> (C:\Users\Manuel Quarneti\Desktop\runmc\node_modules\.pnpm\@tauri-apps+api@1.0.0-beta-rc.3\node_modules\@tauri-apps\api\tauri.cjs:1:75)

Maybe something isn't configured properly?

[mq1]

Thank you!