Electron中showSaveDialog无法添加过滤器的问题咨询

你的代码主要有两个核心问题，导致过滤器完全没生效，甚至可能引发语法错误：

1. 参数传递顺序完全错误 #

dialog.showSaveDialog的正确调用格式是先传配置选项对象（包含filters），再传回调函数，但你把回调函数放在了第一个参数的位置，而filters被错误地写在了回调函数内部——这相当于你根本没把过滤器配置传给showSaveDialog方法，它自然不会生效。

2. 回调函数存在语法错误 #

你在回调函数的括号里直接写filters: [{...}]，这不符合JavaScript的语法规则，引擎会直接报错，连基础的函数逻辑都无法执行。

修复后的正确代码 #

下面是修正后的完整代码，我加上了注释帮你理解：

// 首先定义对话框的配置选项，包含过滤器
const saveOptions = {
  filters: [
    { name: "Json", extensions: ['json'] } // 这里就是你的JSON过滤器
  ]
};

// 正确调用showSaveDialog：第一个参数是配置，第二个是回调
dialog.showSaveDialog(saveOptions, (fileName) => {
  if (fileName === undefined) {
    alert("File Not Saved! Enter a valid file name");
    return;
  }
  const content = '{"json":"true"}';
  fs.writeFile(fileName, content, (err) => {
    if (err) console.log(err);
  });
});

额外建议（可选） #

如果你使用的是较新版本的Electron（v14+），推荐使用Promise风格的API，代码会更清晰易读，比如：

async function saveFile() {
  const { filePath } = await dialog.showSaveDialog({
    filters: [{ name: "Json", extensions: ['json'] }]
  });

  if (!filePath) {
    alert("File Not Saved! Enter a valid file name");
    return;
  }

  const content = '{"json":"true"}';
  try {
    await fs.promises.writeFile(filePath, content);
  } catch (err) {
    console.log(err);
  }
}

// 调用函数
saveFile();

内容的提问来源于stack exchange，提问作者pravindia