项目引入 mqtt 报错 Uncaught ReferenceError: Buffer is not defined

最近在做一个 vite4.x + react18 的项目,需要引入 mqtt.js , 基操直接引入

import mqtt from 'mqtt'

结果浏览器直接报错 Uncaught ReferenceError: Buffer is not defined.
首先想到的是不是 mqtt.js 库不能用在浏览器上,可能是需要 node 环境?
头大,但是以前用 vue 2 的时候没有出现过这种问题.
然后各种百度, 各种刁难 gpt ,出来的解决方案都试了,没有啥用.
然后上 vite 的 github 查看 issue, 里面是各种加 vite 配置和 polyfill 插件,大概试了一遍,但是还是发现对我目前的项目没有生效.
后面破罐子破摔, 想了想, 直接进 node_modules 查看一下啥问题,发现有一个 dist 目录, 而且里面有 mqtt.js 文件和 mqtt.min.js ,就想着直接引用.于是修改了引入方式

import * as mqtt from 'mqtt/dist/mqtt.min';

结果就可以了…
今天真是投机取巧的一天啊…