I can't import some special library

[zhixuan2333]

I want to build a extension with chatgpt. But I got it. How can I fix it?

// ./src/background/providers/openai.ts
import { ChatGPTAPI } from "chatgpt"

import type { Provider } from "~background/types"

export class OpenAIProvider implements Provider {
  private api: ChatGPTAPI

  constructor(apiKey: string) {
    this.api = new ChatGPTAPI({
      apiKey: apiKey
    })
  }
  async generate(message: string): Promise<string> {
    const response = await this.api.sendMessage(message)
    return response.text
  }
}

{
  "extends": "plasmo/templates/tsconfig.base",
  "exclude": [
    "node_modules"
  ],
  "include": [
    ".plasmo/index.d.ts",
    "./**/*.ts",
    "./**/*.tsx"
  ],
  "compilerOptions": {
    "paths": {
      "~*": [
        "./src/*"
      ]
    },
    "baseUrl": "."
  }
}

{
  ...names
  "scripts": {
    "dev": "plasmo dev",
    "dev:edge": "plasmo dev --target=edge-mv3",
    "debug": "plasmo dev --verbose",
    "build": "plasmo build",
    "package": "plasmo package"
  },
  "dependencies": {
    "@plasmohq/storage": "^1.3.1",
    "chatgpt": "~5.0.8",
    "plasmo": "0.67.4",
    "react": "18.2.0",
    "react-dom": "18.2.0"
  },
  "devDependencies": {
    "@plasmohq/prettier-plugin-sort-imports": "3.6.3",
    "@types/chrome": "0.0.210",
    "@types/node": "18.11.18",
    "@types/react": "18.0.27",
    "@types/react-dom": "18.0.10",
    "prettier": "2.8.3",
    "typescript": "4.9.4"
  },
  "manifest": {
    "host_permissions": [
      "https://*/*"
    ]
  }
}