"Unresolved Class / Interface Error: The variable 's' is not defined

Question

"Unresolved Class / Interface Error: The variable 's' is not defined

Exploring Typescript and Angular2 for the first time has been a learning experience, especially when it comes to classes and interfaces.

Take a look at my interface:

export interface Discount {
    codSco: string;
    desSco: string;
}

Now I'm attempting to create an instance of type Discount in the following routine:

var Discount;

s.codSco = '44';
s.desSco = '44';

Unfortunately, this results in the error message:

TypeError: s is undefined

I'm thinking maybe I need to build a class that inherits from the interfaces. Can you offer some guidance on how to do this?

Thank you

angular typescript

Answer 1

Answer №1

Choice 1:

export interface Promotion {
    code: string;
    description: string;
}

const promo: Promotion = {
  code: 'ABC',
  description: '50% off'
};

Choice 2:

export class Promotion {
    code: string;
    description: string;
}

const promo = new Promotion();

promo.code = 'ABC';
promo.description = '50% off';

In conclusion: Always remember to assign values to the variables you define, whether using a constructor or object literals.

Answer 2

Choice 1:

export interface Promotion {
    code: string;
    description: string;
}

const promo: Promotion = {
  code: 'ABC',
  description: '50% off'
};

Choice 2:

export class Promotion {
    code: string;
    description: string;
}

const promo = new Promotion();

promo.code = 'ABC';
promo.description = '50% off';

In conclusion: Always remember to assign values to the variables you define, whether using a constructor or object literals.

"Unresolved Class / Interface Error: The variable 's' is not defined

Answer №1

Similar questions

Create a constant object interface definition

"encountered net::ERR_NAME_NOT_RESOLVED error when trying to upload image to s3 storage

Explore a recursive JSON format to identify matching numerical values in a Set using Typescript in Angular

Struggling with using Redux with tassign in Angular (typescript) to combine state.array and action.array. However, encountering an issue where state.array.join is not a function

Updating the value in React context does not result in the value being updated

Having trouble getting POST requests to work in Angular 8 for unknown reasons

Obtaining radio button values from user input forms in Angular

Error: The value of "$tweetId" cannot be parsed as it is set to "undefined". Please ensure that string values are properly enclosed

Tips for creating a sequelize transaction in TypeScript

Sorting in an Angular mat table can be customized to consider two properties within a single

Angular is throwing an error with code TS2322 stating that a number cannot be assigned to a string type

Perform validation on input by monitoring checkbox changes in Angular 4

Trouble with updating a variable within a loop in Cypress

What is the solution to fixing a 400 bad request error in Angular Routing?

Error: "the cart variable in the ctx object has not been defined"

Guide to effortlessly loading files with designated decorators in a node.js application

Fulfill the promise once the callback has been triggered

When trying to gather multiple parameters using @Param in a NestJS controller, the retrieved values turn out

What steps can I take to resolve the problem of my NativeScript app not running on android?

Unable to showcase the content inside the input box