vite打包后出现 buffer is undefined问题修复

1.安装node-modules-polyfill包
npm install esbuild-plugins/node-modules-polyfill
2.打开vite配置配置如下代码
import { NodeModulesPolyfillPlugin } from "@esbuild-plugins/node-modules-polyfill";
export default defineConfig({
        plugins: [
          NodeModulesPolyfillPlugin({
                process: true,
                buffer: true,
            }),
        ],
    },
},
3.找到index.html，配置如下代码。
   <script type="module">
      import process from "process";
      import EventEmitter from "events";
      import  {Buffer} from "buffer";
      window.Buffer = Buffer;
      window.process = process;
      window.EventEmitter = EventEmitter;
    </script>
   

完成，这时候开发环境会出现
![](https://img-blog.csdnimg.cn/16bb4531151447d9acc0a963028aaca7.png)
不影响代码运行，可以忽视。