React-谷歌电子表格无法导入

正在尝试 import { GoogleSpreadsheet } from 'google-spreadsheet' 在我的React应用程序中,但出现了这个严重的错误

Uncaught ReferenceError: process is not defined
    at loadProxy (gaxios.ts:66:5)
    at node_modules/gaxios/build/src/gaxios.js (gaxios.ts:75:1)
    at __require (chunk-RSJERJUL.js?v=0db569af:3:50)
    at node_modules/gaxios/build/src/index.js (index.ts:15:1)
    at __require (chunk-RSJERJUL.js?v=0db569af:3:50)
    at node_modules/gcp-metadata/build/src/index.js (index.ts:8:1)
    at __require (chunk-RSJERJUL.js?v=0db569af:3:50)
    at node_modules/google-auth-library/build/src/auth/googleauth.js (googleauth.js:19:21)
    at __require (chunk-RSJERJUL.js?v=0db569af:3:50)
    at node_modules/google-auth-library/build/src/index.js (index.js:17:22)

下面是我已经开始使用Vite的当前应用程序结构的屏幕截图(这可能就是为什么这不起作用的原因?)

软件包.json

{
  "name": "tinder-triage",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "google-spreadsheet": "^3.3.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  },
  "devDependencies": {
    "@types/react": "^18.0.27",
    "@types/react-dom": "^18.0.10",
    "@vitejs/plugin-react": "^3.1.0",
    "vite": "^4.1.0"
  }
}

邀请.配置.js

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
})