vite 项目提示 Buffer is not defined 问题解决

问题

在 vite 搭建的 vue3 项目中使用 Buffer 对象报错 Buffer is not defined

原因

出现这个问题的原因是因为页面运行在浏览器中，而浏览器中并没有 Buffer 对象，Buffer 对象是 Node 中的。

解决方法

1、安装 buffer 插件

npm install buffer

2、在 main.ts 中进行全局引入

import * as buffer from "buffer"; //引入buffer
 
if (typeof (window as any).Buffer === "undefined") { // 判断当前环境是否有Buffer对象
   (window as any).Buffer = buffer.Buffer; // Buffer对象不存在则创建导入的buffer
}