Typescript error message TS2314: One type argument is required for the generic type 'Array<T>'

Question

Typescript error message TS2314: One type argument is required for the generic type 'Array<T>'

I recently started my journey in learning typescript and have written some basic code.

class Learning {

    subjects: Array[string];
    hoursPerDay: number;

    constructor(subj: Array[string], hrs: number) {
        this.subjects = subj;
        this.hoursPerDay = hrs;
    }

    displaySubjects():void{

        for(let i=0; i<this.subjects.length; i++){
            console.log(this.subjects[i]);
        }
    }
}
let topics=["Math", "Science", "History"];
let learning = new Learning(topics, 5);

learning.displaySubjects();

I am encountering an error whenever I use an array:

Error TS2314: Generic type 'Array' requires 1 type argument(s). What am I doing wrong?

typescript

Answer 1

Answer №1

It is important to define generic arrays correctly:

```
const arr = new Array<string>()
```
const arr = string[]

Answer 2

It is important to define generic arrays correctly:

```
const arr = new Array<string>()
```
const arr = string[]

Answer 3

Answer №2

It is suggested to use the T[] syntax instead of Array< T > syntax.

The TSlint rule "array-type": [true, "array"]:

To ensure compilation, change Array[string] to Array < string > in your code.

nameOfStudents: Array<string>;
noOfteachers: number

constructor(name: Array<string>, no: number) {
    this.nameOfStudents = name;
    this.noOfteachers = no;
}

A better practice would be like this:

class School {

    nameOfStudents: string[];
    noOfteachers: number;

    constructor(name: string[], no: number) {
        this.nameOfStudents = name;
        this.noOfteachers = no;
    }

    printName(): void {
        for (const studentName of this.nameOfStudents) {
            console.log(studentName);
        }
    }
}

I highly recommend installing tslint for your project as it helps maintain clean Typescript code.

EDIT 18/12/22: tslint is deprecated, use eslint instead

Answer 4

It is suggested to use the T[] syntax instead of Array< T > syntax.

The TSlint rule "array-type": [true, "array"]:

To ensure compilation, change Array[string] to Array < string > in your code.

nameOfStudents: Array<string>;
noOfteachers: number

constructor(name: Array<string>, no: number) {
    this.nameOfStudents = name;
    this.noOfteachers = no;
}

A better practice would be like this:

class School {

    nameOfStudents: string[];
    noOfteachers: number;

    constructor(name: string[], no: number) {
        this.nameOfStudents = name;
        this.noOfteachers = no;
    }

    printName(): void {
        for (const studentName of this.nameOfStudents) {
            console.log(studentName);
        }
    }
}

I highly recommend installing tslint for your project as it helps maintain clean Typescript code.

EDIT 18/12/22: tslint is deprecated, use eslint instead

Typescript error message TS2314: One type argument is required for the generic type 'Array<T>'

Answer №1

Answer №2

Similar questions

Upon calling set() on Map, the object returned does not conform to a Map data structure

Exploring the potential of Vue with Router to create a dynamic multi-page

Ways to acquire the reference of the parent component

What benefits do Definitely Typed TypeScript files offer for Knockout and jQuery?

Issue encountered: Jest database test does not end when using testcontainers

What is the purpose of specifying the props type when providing a generic type to a React functional component?

The functionality to generate personalized worldwide timezone pipe is not functioning

Having trouble understanding how to receive a response from an AJAX request

What is preventing me from accessing a JavaScript object property when using a reactive statement in Svelte 3?

The compatibility between Typescript methods and event handlers is lacking

Leveraging the power of NextJs and the googleapis Patch function to seamlessly relocate files and folders to a specific

Error: Type '() => () => Promise<void>' is not compatible with type 'EffectCallback'

When I attempt to conceal the filter within mat-table using *ngIf, I encounter an issue where I am unable to read the property 'value' due to it being

Is Jasmine brushing off TypeScript test files?

Dividing a JSON object into arrays containing keys and values within an Angular framework

Error: Encountering difficulty locating the necessary stylesheet for import during the construction of an Angular15 build, while also utilizing Kendo UI

Is there a circular dependency issue with ManyToMany relationships in Typescript TypeORM?

What is the best way to compare an array with comma-separated values in JavaScript?

Nextjs doesn't render the default JSX for a boolean state on the server side

Having trouble with the Ng multiselect dropdown displaying empty options?