The concept of inheritance in CommonJS using Typescript

Question

The concept of inheritance in CommonJS using Typescript

While experimenting with Ts, I encountered a roadblock

"use strict";

declare const require: any;

const EventEmitter : any = require('events').EventEmitter;

class Foo extends EventEmitter{ //*error* Type 'any' is not a constructor function type.

    constructor() {
        super();
    }
}

I even attempted to link EventEmitter to an interface type of mine, but faced the same issue.

Is there a way to expand a class using Typescript with commonjs modules?

Appreciate your help

inheritance typescript

Answer 1

Answer №1

experiment

"use strict";

import { EventEmitter } from 'events';

class Bar extends EventEmitter {
    constructor() {
        super();
    }
}

You might consider adding type definitions for the 'events' module:

npm install --save @types/node

Update

You can achieve the same using require:

"use strict";

import events = require('events');
const EventedEmitter = events.EventEmitter;

class Bar extends EventedEmitter {
    constructor() {
        super();
    }
}

Avoid relying on : any in general to benefit from IntelliSense and compile-time type checking

Answer 2

experiment

"use strict";

import { EventEmitter } from 'events';

class Bar extends EventEmitter {
    constructor() {
        super();
    }
}

You might consider adding type definitions for the 'events' module:

npm install --save @types/node

Update

You can achieve the same using require:

"use strict";

import events = require('events');
const EventedEmitter = events.EventEmitter;

class Bar extends EventedEmitter {
    constructor() {
        super();
    }
}

Avoid relying on : any in general to benefit from IntelliSense and compile-time type checking

The concept of inheritance in CommonJS using Typescript

Answer №1

Similar questions

Transformation of classes in TypeScript to be more specific

Tips for streamlining a conditional statement with three parameters

Assign an appropriate label to this sonarqube input field

Tips for accessing touch events within the parent component's area in React Native

Retrieve values of properties from an array

Converting an array of objects into a TypeScript dictionary with IDs as the key mapping

Can template literal types be utilized to verify if one numeric value is greater than another?

Having trouble binding to the *ngFor directive?

Issue found in Next.js 14: Hydration Error | Caution: Client Components can only receive plain objects from Server Components

What is the best way to fill the dropdown options in every row of a data table?

Show information in a table based on a unique identifier

Can you please identify the TypeScript type associated with the return value of the match() method in String prototype?

Setting up an OR guard in NestJS is a crucial step in managing

Importing ES6 modules in TypeScript using absolute paths

Add a new child component template with each click using the onclick event in Angular

Limiting Users to Select Up to 5 Options in Angular Material Design's <mat-select multiple> Feature

Received an unexpected argument count of 1 instead of the expected 0 while passing a function as a prop to a child component

The Component TSX is reporting a Type error stating that the Property 'onChange' is not present in the type '{ key: string; value: Model; }' as required by Props

Adding FormControl dynamically to FormGroup can be achieved by simply using the appropriate method

Incorporate Material Design Icons into your NPM Electron React application for sleek visuals