如何在Vite中使用google-auth-library？导入报错求助

这个错误是因为google-auth-library原本为Node.js环境设计，依赖Node.js内置模块（如crypto、http等），而Vite默认的浏览器打包环境不包含这些模块的模拟，导致依赖的类加载失败，出现继承undefined的报错。以下是具体解决步骤：

1. 安装Node.js模块polyfill插件 #

首先安装Vite的Node.js polyfill插件，用来模拟浏览器中缺失的Node.js内置模块：

npm install vite-plugin-node-polyfills --save-dev

2. 修改Vite配置文件 #

在项目根目录的vite.config.js（或vite.config.ts）中添加插件配置和别名：

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react'; // 非React项目替换为对应框架插件
import { nodePolyfills } from 'vite-plugin-node-polyfills';

export default defineConfig({
  plugins: [
    react(),
    nodePolyfills({
      // 按需添加google-auth-library依赖的模块
      include: ['crypto', 'http', 'https', 'stream', 'util'],
      globals: {
        Buffer: true,
        process: true,
      },
    }),
  ],
  resolve: {
    alias: {
      // 指向库的编译后入口，避免模块解析问题
      'google-auth-library': 'google-auth-library/build/src/index.js',
    },
  },
});

3. 调整代码导入方式 #

避免导入整个库，直接导入需要的类（比如OAuth2Client或JWT），减少不必要的依赖加载：

import { OAuth2Client } from 'google-auth-library';

// 示例使用
const client = new OAuth2Client(CLIENT_ID, CLIENT_SECRET);

你提到的TypeScript环境下的同类问题，解决逻辑完全一致，只需将配置文件改为vite.config.ts，语法保持TS规范即可。

内容的提问来源于stack exchange，提问作者jonnyT