Cannot import { emit, listen } event | Tauri Apps | Page 1

crude meteor Feb 9, 2024, 12:53 AM

#

Tauri site recommends

import { emit, listen } from "@tauri-apps/api/event";

I also tried

const { emit, listen } = require("@tauri-apps/api/event");

Not sure what to do now

#

drifting pond Feb 9, 2024, 12:54 AM

#

You don't have a bundler.

crude meteor Feb 9, 2024, 12:54 AM

#

Require is suppose to work still no?

drifting pond Feb 9, 2024, 12:54 AM

#

No, that's not valid ECMAScript.

crude meteor Feb 9, 2024, 12:55 AM

#

So I need to remake project with TS instead of JS?

#

If I understand properly

drifting pond Feb 9, 2024, 12:56 AM

#

It's not required. See the top of each Tauri JS API page for details about how to use the API without a bundler. https://tauri.app/v1/api/js/event

#

If you're starting from scratch, I recommend using TypeScript because it will save you hours of console.debugging.

crude meteor Feb 9, 2024, 12:58 AM

#

Aight, back to TS I go then, better restart now

#

Thanks for the help btw

loud perch Feb 9, 2024, 10:19 AM

#

the browser understands esm just fine, I don't see why you'd need typescript for this 🤔

drifting pond Feb 9, 2024, 11:02 AM

#

@tauri-apps/api/event isn't ESM. It's a Node.js library.

loud perch Feb 9, 2024, 12:20 PM

#

drifting pond `@tauri-apps/api/event` isn't ESM. It's a Node.js library.

these are orthogonal, you mean that it uses nodejs API? I don't think that's right, if anything the issue is the other way around

drifting pond Feb 10, 2024, 4:33 AM

#

If you're not using Node.js, one option is to enable withGlobalTauri and reference it as const { emit, listen } = window.__TAURI__.event; which is the instructions on the website as I mentioned earlier. The other option is to manually copy the ESM files from the Node.js library which makes far less sense since you still have to install Node.js to get the files and then copy or symlink the files into your src folder.

#

I did say that TypeScript is not required. It has never been a requirement for developing with Tauri. I recommend TypeScript because it will tell you about type errors and provides offline documentation. Without TypeScript, you're constantly visiting https://tauri.app/v1/api/js or reading the Rust source code to find out the types that the API accepts and returns.

#

I don't recommend it for large existing projects as the benefits do not scale with the work it takes to migrate and add proper references to each file if your code is split into multiple files that made assumptions about the previous file being loaded (this was a very common practice before ESM).

#Cannot import { emit, listen } event