Typescript error: Cannot assign type to argument

Question

Typescript error: Cannot assign type to argument

Exploring the world of typescript (2.5.2) and looking for clarity on why the first call works but the second one encounters an error:

function printPerson(person: {firstName: string; lastName: string}): void{
    console.log(person.firstName + " " + person.lastName);
}

let geo = {firstName: "geo", lastName: "porz", sex: "M"};
printPerson(geo); //This works fine

// TS2345 Argument of type ... is not assignable to parameter of type ... 
printPerson({firstName: "geo", lastName: "porz", sex: "M"});

typescript

Answer 1

Answer №1

Although not a direct response to your inquiry, it seems like your question stems from using a Javascript coding style in Typescript. In the transition from Javascript, you may be accustomed to utilizing patterns such as {foo:"bar"} for passing data. However, in Typescript, specifying the types of variables using type or interface can greatly enhance code clarity.

interface Person { 
  firstName: string
  lastName: string
}

function printPerson(person: Person): void{
    console.log(person.firstName + " " + person.lastName);
}

So when creating a new person object, instead of relying on type inference, explicitly inform the compiler that geo is a Person:

let geo:Person = {firstName: "geo", lastName: "porz", sex: "M"};

As a result, you will encounter an error indicating that you cannot add the sex property to Person because it has not been declared beforehand.

Answer 2

Although not a direct response to your inquiry, it seems like your question stems from using a Javascript coding style in Typescript. In the transition from Javascript, you may be accustomed to utilizing patterns such as {foo:"bar"} for passing data. However, in Typescript, specifying the types of variables using type or interface can greatly enhance code clarity.

interface Person { 
  firstName: string
  lastName: string
}

function printPerson(person: Person): void{
    console.log(person.firstName + " " + person.lastName);
}

So when creating a new person object, instead of relying on type inference, explicitly inform the compiler that geo is a Person:

let geo:Person = {firstName: "geo", lastName: "porz", sex: "M"};

As a result, you will encounter an error indicating that you cannot add the sex property to Person because it has not been declared beforehand.

Typescript error: Cannot assign type to argument

Answer №1

Similar questions

"Exploring the world of Typescript's return statements and the

Exploring Angular 4's capability: Incorporating data from Http Post Response into a .js file or highchart

Exploring the power of RxJs through chaining observers

Converting HTML templates into AMD modules using grunt-ts

What is the easiest way to choose a child vertex with just one click on mxgraph?

Sequelize.js: Using the Model.build method will create a new empty object

Issue with Next.js hook: Uncaught TypeError - Unable to define properties of undefined (setting 'type')

Why is @faker-js/faker not usable in a TypeScript project, showing undefined error, while the older "faker" import still functions correctly?

Learning about React and TypeScript: Easy steps to import a component

Ways to incorporate debounce time into an input search field in typescript

Combining results from multiple subscriptions in RxJS leads to a TypeScript compiler error

Verifying completed fields before submitting

Turn off the button and add a CSS class to it when sending a message

Encountered an error while trying to update information in Angular

Angular transforming full names to initials within an avatar

Update ngModel value following the PUT request response

The attribute 'close' is not present in the 'Application' data type

"Although the Set-cookie is present in the response header, it is not being properly

ReactJS: error occurs when trying to fetch data and encountering issues with reading properties

TypeScript Redux Thunk: Simplifying State Management