How do I fix WebviewWindow import path?

[Raikoa]

Hello, I am really new to tauri and rust, I was following the multiple window guide on the tauri site and ran into a bug where
import { WebviewWindow } from "@tauri-apps/api/window"; will raise the error

Uncaught TypeError: Failed to resolve module specifier "@tauri-apps/api/window". Relative references must start with either "/", "./", or "../".

I don't really know how to fix it?

file hierachy:

function where I will be using the webview
async function EditorOpen(id) { var note = document.getElementById(id); const NewWindow = new WebviewWindow('Editor',{url: './edit.html',}) NewWindow.once('tauri://created',function(){ console.log("created"); }) NewWindow.once('tauri://error',function(){ console.log("error opening window"); }) }

[FabianLars]

The import syntax only work if you have a frontend bundler like vite. The vanilla JS template doesn't use one though so you'll need to replace imports with something like this

const { WebviewWindow } = window.__TAURI__.webviewWindow;

[Raikoa]

Thanks, it works!