Type Error TS2322: Cannot assign type 'Object[]' to type '[Object]'

Question

Type Error TS2322: Cannot assign type 'Object[]' to type '[Object]'

I'm facing an issue with a code snippet that looks like this:

export class TagCloud {

    tags: [Tag];
    locations: [Location];

    constructor() {
        this.tags = new Array<Tag>();
        this.locations = new Array<Location>();
    }
}

Despite the functionality being correct, I am encountering the following errors:

error TS2322: Type 'Tag[]' is not assignable to type '[Tag]'. Property '0' is missing in type 'Tag[]'.

error TS2322: Type 'Location[]' is not assignable to type '[Lo cation]'. Property '0' is missing in type 'Location[]'.

I want to understand what mistake I might have made here (as I mentioned, the code still works as expected).

The typings are based on the es6-shim Type descriptions (https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/es6-shim).

typescript ecmascript-6 typescript-typings definitelytyped

Answer 1

Answer №1

Defining an array in TypeScript can be done in two ways:

let a: Array<number>;

or

let a: number[];

Using the syntax:

let a: [number];

actually creates a tuple, specifically a tuple of length one containing a number.
Here is an example of a tuple with multiple elements:

let a: [number, string, string];

The error occurs when assigning an array of length 0 to variables tags and locations, as the expected length should be 1.

Answer 2

Defining an array in TypeScript can be done in two ways:

let a: Array<number>;

or

let a: number[];

Using the syntax:

let a: [number];

actually creates a tuple, specifically a tuple of length one containing a number.
Here is an example of a tuple with multiple elements:

let a: [number, string, string];

The error occurs when assigning an array of length 0 to variables tags and locations, as the expected length should be 1.

Answer 3

Answer №2

If you're looking to let TypeScript know that you're creating an array of Tag, then you'll want to use Tag[].

export class TagCloud {

    tags: Tag[];
    locations: Location[];

    constructor() {
        // TypeScript is already aware of the type
        this.tags = []
        this.locations =[]
    }
}

Answer 4

If you're looking to let TypeScript know that you're creating an array of Tag, then you'll want to use Tag[].

export class TagCloud {

    tags: Tag[];
    locations: Location[];

    constructor() {
        // TypeScript is already aware of the type
        this.tags = []
        this.locations =[]
    }
}

Type Error TS2322: Cannot assign type 'Object[]' to type '[Object]'

Answer №1

Answer №2

Similar questions

Utilize Reactjs to efficiently showcase a collection of arrays within an object

Error in Redux reducer file caused by an incorrect data type in action.payload

Step-by-step guide on setting up cosmosDB databases and containers in azure functions with the node sdk

Simple methods for ensuring a minimum time interval between observable emittance

The announcement will not be made as a result of the utilization of a private name

What is the importance of having typings when using TypeScript?

What is the process for specifying a method on a third-party class in TypeScript?

Styling array of arrays

The property 'label' is not found in the 'string' type in Typescript

Is it possible to modify the default behavior of a sensitive region within a button?

Using optional chaining with TypeScript types

What is the issue when using TypeScript if my class contains private properties while the object I provide contains public properties?

Building a personalized command-line interface (CLI) tool using Typescript

Error: The argument provided is of type 'unknown', which cannot be assigned to a parameter of type 'string'. This issue arose when attempting to utilize JSON.parse in a TypeScript implementation

Is the autoIncrement property missing from the IDBObjectStore Interface in Typescript 1.8 lib.d.ts file?

What could be the reason for the file element being undefined in the context menu?

Clickable Angular Material card

What could be causing ESLint to run on its own configuration file while working with Typescript?

Implement the properties encapsulation design pattern

Transform leaflet marker plugin into Typescript format