解决使用Vscode调试Electron主进程时终端打印中文时乱码问题

问题

主进程有一段代码如下:

javascript 复制代码
const { dialog } = require('electron')
const fs = require('fs')
const path = require('path')

// 递归遍历文件
const loadFilesInDir = (dir) => {
  let fileList = []
  // 读取目录下全部文件及子目录
  let files = fs.readdirSync(dir)
  for (var i = 0; i < files.length; i++) {
    let filePath = path.join(dir, files[i])
    // 获取信息
    let fileData = fs.statSync(filePath)
    // 判断是文件还是目录
    if (fileData.isFile()) {
      // 如果是文件,则记录下来
      fileList.push(filePath)
    } else {
      // 如果是目录,则递归遍历,并拼接结果
      fileList = fileList.concat(loadFilesInDir(filePath))
    }
  }
  return fileList
}

// 打开选择目录对话框并遍历目录里的所有文件
const readDir = (event, arg) => {
  console.log('接收渲染进程传参:', arg)
  dialog
    .showOpenDialog({
      // 只允许选择文件夹
      properties: ['openDirectory']
    })
    .then((result) => {
      if (!result.canceled) {
        result.fileList = loadFilesInDir(result.filePaths[0])
      }
      // 将处理结果返回给渲染进程
      event.reply('readDir-reply', result)
    })
}

export { readDir }

代码中的 console.log('接收渲染进程传参:', arg) 打印到终端中显示如下:

解决方法

  1. 搜索"区域"
  1. 依次点击【管理】→ 【更改系统区域设置】
  1. 勾选上【Bate 版:...】
  1. 重启电脑

解决后效果

相关推荐
我叫张小白。几秒前
TypeScript对象类型与接口:构建复杂数据结构
前端·javascript·typescript
O***p6046 分钟前
JavaScript增强现实开发
开发语言·javascript·ar
墨客希7 分钟前
如何快速掌握大型Vue项目
前端·javascript·vue.js
大福ya21 分钟前
AI开源项目改造NextChat(ChatGPT-Next-Web)实现前端SSR改造打造一个初始框架
前端·chatgpt·前端框架·开源·aigc·reactjs·ai编程
samroom24 分钟前
langchain+ollama+Next.js实现AI对话聊天框
javascript·人工智能·langchain
n***333533 分钟前
SpringBoot返回文件让前端下载的几种方式
前端·spring boot·后端
纯粹的热爱1 小时前
🌐 阿里云 Linux 服务器 Let's Encrypt 免费 SSL 证书完整部署指南
前端
北辰alk1 小时前
Vue3 自定义指令深度解析:从基础到高级应用的完整指南
前端·vue.js
小熊哥7221 小时前
谈谈最进学习(低延迟)直播项目的坎坷与收获
前端
用户89225411829011 小时前
游戏框架文档
前端