The utilization of 'new' is not allowed with an expression that does not have a call or construct signature in TypeScript

Question

The utilization of 'new' is not allowed with an expression that does not have a call or construct signature in TypeScript

While searching for a solution, I stumbled upon this link which unfortunately did not provide the answer I was looking for: Cannot use 'new' with an expression whose type lacks a call or construct signature

I am facing a similar issue. In my JavaScript code, the following snippet is causing trouble:

public clone(data) {
    return new this.constructor({
        ...this.data,
        ...data,
    });
}

An error is being flagged on this line: Cannot use 'new' with an expression whose type lacks a call or construct signature.ts(2351)

I need help with rewriting this in TypeScript. Any suggestions?

javascript typescript

Answer 1

Answer №1

I recommend turning off type checking in this particular scenario:

 function makeCopy(data): ThisClass {
   return new (this.constructor as any)({
    ...this.data,
    ...data,
  });
}

Answer 2

I recommend turning off type checking in this particular scenario:

 function makeCopy(data): ThisClass {
   return new (this.constructor as any)({
    ...this.data,
    ...data,
  });
}

Answer 3

Answer №2

If we have a class named MyClass,

public copy(data) {
    return new MyClass({
        ...this.data,
        ...data,
    });
}

this should do the trick.

Answer 4

If we have a class named MyClass,

public copy(data) {
    return new MyClass({
        ...this.data,
        ...data,
    });
}

this should do the trick.

The utilization of 'new' is not allowed with an expression that does not have a call or construct signature in TypeScript

Answer №1

Answer №2

Similar questions

Error: Unable to access the 'filter' property as it is undefined. TypeError occurred

Error in Directive: NgControl Provider Not Found

Having trouble transferring data from AppComponent to a function

The pre tag does not have any effect when added after the onload event

In Vue3, automatically infer a type for a slotProp based on the modelValue

Possible revised text: "Exploring methods for verifying elements within a div using Selenium

Obtain the model value using Yii jQuery and then proceed to submit the form

Can a variable be initialized with a concealed or additional argument?

Encountering SUID Sandbox Helper Issue When Running "npm start" on WSL with Electron and Typescript

Could someone please provide clarification on this specific JavaScript syntax? I am unsure about the usage of `const {

You are able to use a null type as an index in angular.ts(2538) error message occurred

Javascript Select Element with No Options

Adding style tags dynamically to a component and then encapsulating the styles again (using Angular)

Could someone please help me identify the mistake in this code? I recently created a new class, imported it into a .ts file, and then proceeded to define

Tips for maximizing page layout efficiency without compromising on element visibility

Bootstrap typehead not activating jQuery AJAX request

Uncover each image individually

The content within the iframe is not displayed

Generate a blueprint for a TypeScript interface

Repeating Elements with Angular and Utilizing a Touch Keyboard