Zenn
Open1

tauri-app + NextJSでopen dialogを使う方法　備忘

Next.js
Tauri
mikotomikoto

Taur+NextJSでやるときに、ダイアログを普通にインポートするだけでは、ビルド時にエラーになるので、
動的にインポートしなきゃいけないらしい

const Sample = () => {
    const onSelectFile = async () => {
       const { open } = await import('@tauri-apps/api/dialog'); // <-ココ！
        const path = open(option);
        path.then((result)=> {
            process(path);
        }
    }
    const process = () => {
     // process
    };
    return 
}
export default Sample;