Как передать instace объекта в функцию?

Question

[komigor]

роститите за тупой вопрос просто приходится учить ts походу дела. Как предать instance объекта в функцию? Вот в одном файле експротирую инстанс класса вот так

class ApiError extends Error{       
    
    constructor(status, message) {
            status: number;
            message: string;

            super();
              this.status = status
              this.message = message
          }
      
          static badRequest(message) {
              return new ApiError(404, message)
          }
      
          static internal(message) {
              return new ApiError(500, message)
          }
      
          static forbidden(message) {
              return new ApiError(403, message)
          }
      }
      

export default new ApiError();

и в другом использую:

import { Request, Response, NextFunction } from "express";
import ApiError from '../errors/ApiError';

const errorHandler = function (err: ApiError, req: Request, res: Response, next: NextFunction){
    if (err instanceof ApiError) {
        return res.status(err.status).json({message: err.message});
    }
    return res.status(500).json({message: "Непредвиденная ошибка!"})
}

export default errorHandler;

И вот получаю:

'ApiError' refers to a value, but is being used as a type here. Did you mean 'typeof ApiError'?

4 const errorHandler = function (err: ApiError, req: Request, res: Response, next: NextFunction){
                                      ~~~~~~~~

    at createTSError (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:587:12)
    at reportTSError (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:591:19)
    at getOutput (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:921:36)
    at Object.compile (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:1189:32)
    at Module.m._compile (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:1295:42)
    at Module._extensions..js (internal/modules/cjs/loader.js:1097:10)
    at Object.require.extensions.<computed> [as .ts] (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:1298:12)
    at Module.load (internal/modules/cjs/loader.js:933:32)
    at Function.Module._load (internal/modules/cjs/loader.js:774:14)
    at Module.require (internal/modules/cjs/loader.js:957:19)
[nodemon] app crashed - waiting for file changes before starting...

если прердавать через обращение напрямую export default ApiError(); то выдает

/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:587
    return new TSError(diagnosticText, diagnosticCodes);
           ^
TSError: ⨯ Unable to compile TypeScript:
src/middlewares/ErrorHandlingMiddleware.ts:6:31 - error TS2339: Property 'status' does not exist on type 'ApiError'.

6         return res.status(err.status).json({message: err.message});
                                ~~~~~~

    at createTSError (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:587:12)
    at reportTSError (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:591:19)
    at getOutput (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:921:36)
    at Object.compile (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:1189:32)
    at Module.m._compile (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:1295:42)
    at Module._extensions..js (internal/modules/cjs/loader.js:1097:10)
    at Object.require.extensions.<computed> [as .ts] (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:1298:12)
    at Module.load (internal/modules/cjs/loader.js:933:32)
    at Function.Module._load (internal/modules/cjs/loader.js:774:14)
    at Module.require (internal/modules/cjs/loader.js:957:19)
[nodemon] app crashed - waiting for file changes before starting...

Что делать? как быть как?

Comments

[Lynn «Кофеман»]

Написать err: typeof ApiError

Там же это написано

[Lynn «Кофеман»]

И я таки не могу понять зачем вы экспортируете инстанс, а не класс

[komigor]

Lynn «Кофеман», Я честно вобще ничего не понимаю если класс експортировать то получается

TSError: ⨯ Unable to compile TypeScript:
src/middlewares/ErrorHandlingMiddleware.ts:7:31 - error TS2339: Property 'status' does not exist on type 'ApiError'.

7         return res.status(err.status).json({message: err.message});
                                ~~~~~~

    at createTSError (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:587:12)
    at reportTSError (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:591:19)
    at getOutput (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:921:36)
    at Object.compile (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:1189:32)
    at Module.m._compile (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:1295:42)
    at Module._extensions..js (internal/modules/cjs/loader.js:1097:10)
    at Object.require.extensions.<computed> [as .ts] (/home/ihor/Test Task by Komah Ihor/node_modules/ts-node/src/index.ts:1298:12)
    at Module.load (internal/modules/cjs/loader.js:933:32)
    at Function.Module._load (internal/modules/cjs/loader.js:774:14)
    at Module.require (internal/modules/cjs/loader.js:957:19)
[nodemon] app crashed - waiting for file changes before starting...

Answer 1

[komigor]

Короче вот готовый код

class ApiError extends Error {
  status: number;

  message: string;

  constructor(status: number, message: string) {
    super();
    this.status = status;
    this.message = message;
  }

  static badRequest(message: string) {
    return new ApiError(404, message);
  }

  static internal(message: string) {
    return new ApiError(500, message);
  }

  static forbidden(message: string) {
    return new ApiError(403, message);
  }
}

export default ApiError;

А вот обработчик :

/* eslint-disable @typescript-eslint/no-unused-vars */
import { Request, Response, NextFunction } from 'express';
import ApiError from '../errors/ApiError';

const errorHandler = function (
  err: ApiError,
  req: Request,
  res: Response,
  next: NextFunction,
): Response {
  if (err instanceof ApiError) {
    return res.status(err.status).json({ message: err.message });
  }
  return res.status(500).json({ message: 'Непредвиденная ошибка!' });
};

export default errorHandler;

Answer 2

[Alex]

Во первых прочитайте ошибку, там всё сказано:

'ApiError' refers to a value, but is being used as a type here. Did you mean 'typeof ApiError'?

Во вторых, не путайте ТИП и экземпляр объекта. Ошибка именно от того, что вы используете переменную как тип. В вашем случае вы должны экспортировать и экземпляр и сам класс. И использовать класс как тип.

class ApiError extends Error {}

const apiErrorInstance = new ApiError

const someFn1 = (err: ApiError) => {}

// @ts-expect-error
const someFn2 = (err: apiErrorInstance) => {}

Playground