在 vite-react 中导入 'jsonwebtoken' 时出现问题

Question

每当我在我的 vite-react 项目中导入 jsonwebtoken 时。我在浏览器控制台中收到以下错误：

我尝试通过安装 @esbuild-plugins/node-globals-polyfill 并配置 vite.config.js 来解决此问题，但没有成功。

    import { defineConfig } from 'vite'
    import react from '@vitejs/plugin-react'
    import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill';
    export default defineConfig({
        plugins: [react()],
        optimizeDeps: {
            esbuildOptions: {
                // Node.js global to browser globalThis
                define: {
                    global: 'globalThis'
                },
                // Enable esbuild polyfill plugins
                plugins: [
                    NodeGlobalsPolyfillPlugin({
                        buffer: true
                    })
                ]
            }
        }
    })

Answer 1

我认为你应该使用这种方式 从 'vite-plugin-node-polyfills' 导入 { nodePolyfills }