uni-app 控制台乱码

uni-app 控制台乱码

开发环境 版本号 项目创建方式
Windows Windows 10 HBuilderX

操作步骤：

  • 随便一个vue3的程序 控制台就是乱的

预期结果：

  • 不要有乱码

实际结果：

  • 目前有乱码

bug描述：

  • vue3版本运行到网页 控制台到处是乱码

bug截图


更多关于uni-app 控制台乱码的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

更新版本到3.4.6 就好了

更多关于uni-app 控制台乱码的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 开发过程中，控制台输出乱码通常是由于编码问题或环境配置不当引起的。以下是一些常见的解决方法：

1. 检查文件编码

确保你的项目文件（如 .js、.vue 等）的编码格式为 UTF-8。

  • 在 VSCode 中，可以通过右下角的编码格式查看和更改。
  • 如果文件编码不是 UTF-8，可以点击右下角的编码格式，选择 Save with Encoding，然后选择 UTF-8。

2. 检查终端编码

控制台乱码可能是由于终端编码不匹配导致的。

  • 在 Windows 上，默认的终端编码可能是 GBK，而 uni-app 输出的是 UTF-8。
  • 解决方法：
    • 打开终端（如 CMD 或 PowerShell）。
    • 执行以下命令，将终端编码设置为 UTF-8：
      chcp 65001
    • 如果问题仍然存在，可以尝试使用其他终端工具，如 Windows Terminal 或 Git Bash。

3. 检查 HBuilderX 配置

如果你使用的是 HBuilderX，确保其编码设置正确。

  • 打开 HBuilderX，进入 工具 -> 设置 -> 编辑器 -> 文件编码。
  • 确保默认编码为 UTF-8。

4. 检查 Node.js 环境

如果乱码出现在运行 npm run dev 或 npm run build 时，可能是 Node.js 环境的编码问题。

  • 在 Windows 上，可以通过以下命令设置 Node.js 的编码为 UTF-8：
    set NODE_OPTIONS=--max_old_space_size=4096
set NODE_ENV=development
set NODE_CHARSET=UTF-8
回到顶部