扩展一个 node_module 的类（Discord.Js <Client>）。错误：找不到模块“./@types”

Question

我是 TypeScript 的新手，我想在创建一个非常简单的 Discord Bot 的同时学习该语言，使用一个名为 Discord.JS 的模块。 我的问题是我想扩展他们的Client 类并添加我自己的方法和对象，以便在名为 myClient

的类中将内容存储在内存中

我的目录树（不包括/dist）

├── package.json
├── package-lock.json
├── src
│   ├── bot.ts
│   ├── commands
│   │   └── test.ts
│   └── @types
│       └── index.d.ts
└── tsconfig.json

@types/index.d.ts

import { Client, Message, PermissionString, TextChannel, VoiceConnection, Collection, ClientOptions } from "discord.js";

export type ApplicationCommandOptionChoice = {
  readonly name: String;
  readonly value: String | number;
}

export type ApplicationCommandOption = {
  readonly type: number;
  readonly name: String;
  readonly description: String;
  readonly required?: Boolean;
  readonly choices?: Array<ApplicationCommandOptionChoice>;
  readonly options?: Array<ApplicationCommandOption>;

}

export interface ApplicationCommandModule<object> {
  readonly name: String;
  readonly description: String;
  readonly options?: Array<ApplicationCommandOption>;
  readonly default_permission?: Boolean;
  readonly permissions: PermissionString = 'SEND_MESSAGES';
  readonly usage: String;
  readonly devOnly?: Boolean;
  readonly execute: (args?: Array<T>) => any;
}

export class myClient extends Client {
  constructor(options: ClientOptions) {
    super(options);
    this.commands = new Collection();
  }
  public commands: Collection<String, object>;
  

  lookupCommand(name: String) {
    const command = this.commands.get(name);
    if (command) return command as ApplicationCommandModule<object>;
    return null;
  }

  executeCommand(name: String, ...args: any[]) {
    const command = this.commands.get(name);
    if (command) return (command as ApplicationCommandModule<object>).execute(args);
    return null;
  }
}

bot.ts

import Discord from 'discord.js';
import { myClient }  from './@types';

const client = new myClient({ intents: Discord.Intents.NON_PRIVILEGED });

tsconfig.json

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "commonjs",
    "outDir": "./dist",
    "strict": true,
    "types": ["./src/@types"],
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  }
}

当我运行 npm run dev 这是ts-node-dev --respawn ./src/bot.ts 时，我收到以下错误：

但是，如果我将 export class myClient extends Client { ... } 代码 sn-p 从 index.d.ts 移动到 bot.ts，它就可以工作。这让我很困惑，因为我不想在那里上课。

那么我该如何正确导入myClient 类呢？另外，为什么它是从@types 自动导入的，这不应该是“已知的”吗？

更新：我将我的 myClient 类移动到一个名为 client.ts 的 .ts 文件中并导入它，它可以工作。为什么会有这种行为？类只能在 .ts 文件中吗？当我检查 node_modules 他们的类扩展在 index.d.ts 但不是他们的方法。那么，如果我将类结构放在 index.d.ts 中，我应该把它的方法放在哪里？

Answer 1

我不知道我的做法是否是最好的，但这就是我解决问题的方法。 Lioness100 在 cmets 中也提到过。

创建了一个 client.ts 文件并将我的课程放在那里

import { Client, ClientOptions, Collection } from "discord.js";
import { ApplicationCommandModule } from "./@types";

export default class myClient extends Client {
  public commands: Collection<String, ApplicationCommandModule>;
  public cooldowns: Collection<String, Collection<String, number>>;

  constructor(options: ClientOptions) {
    super(options);
    this.commands = new Collection();
    this.cooldowns = new Collection();
    this.loadCommads();
  }
  
  private loadCommads():void {
    const commandFiles = fs.readdirSync(`${__dirname}/commands`).filter((file) => file.endsWith('.js') || file.endsWith('.ts'));
    commandFiles.forEach((file) => {
      const command = require(`${__dirname}/commands/${file}`);
      this.commands.set(command.default.name, (command.default as ApplicationCommandModule));
    });
  }
}

在 bot.ts 中使用import myClient from './client' 将其导入，现在我可以使用其属性和方法访问 myClient。在其中存储命令及其冷却时间并不是最佳做法，但我正在尝试使用 TS。

如果此实现有问题，请进行编辑或评论。