Command plugin:dialog|open not allowed by ACL

[docaohuynhcse]

How to use plugin:dialog when using tauri localhost. I use tauri localhost like this

pub fn run() {
    let port: u16 = 1420;

    tauri::Builder::default()
        .plugin(tauri_plugin_localhost::Builder::new(port).build())
        .plugin(tauri_plugin_shell::init())
        .plugin(tauri_plugin_http::init())
        .plugin(tauri_plugin_dialog::init())
        .plugin(tauri_plugin_fs::init())
        .plugin(tauri_plugin_opener::init())
        .invoke_handler(tauri::generate_handler![
            greet,
            run_ffmpeg_with_progress,
            check_ffmpeg_available,
            get_video_duration
        ])
        .setup(move |app| {
            let url = format!("http://localhost:{}", port).parse().unwrap();
            app.config();
            WebviewWindowBuilder::new(app, "main".to_string(), WebviewUrl::External(url))
            .title("IELTS4SKILLS")
            .inner_size(1024.0, 768.0) // Set initial width and height here
            .build()?;
            Ok(())
        })
        .run(tauri::generate_context!())
        .expect("error while running tauri application");
}

When open select folder got error Command plugin:dialog|open not allowed by ACL

const selected = await open({
  directory: true,
  multiple: false
});

It works when run dev but build to macos app it show that error

my capabilities/default.json

"permissions": [
    "core:default",
    "opener:default",
    "dialog:allow-open",
    "fs:default"]