Which properties are missing from this type?

I received the following message:

Issue with 'Motorvoertuig' class implementing 'Voertuig' interface.
Error: Type 'Motorvoertuig' is missing properties from 'Voertuig': toonMerk, wieIsDeEigenaar

However, the reason behind this error is unclear to me.

Although there is more code in this document, the error appears to be related to the following methods.

interface Voertuig {
     merk: string;
    eigenaar: string;

    toonMerk(merk:string);
    wieIsDeEigenaar(eigenaar:string);
};
abstract class Motorvoertuig implements Voertuig {
  (Some code)
}

How can I resolve this error?

javascripttypescript

Answer №1

By designating Motorvoertuig as implementing the Voertuig interface, you are agreeing to include all fields present in the Voertuig interface within the Motorvoertuig class. For example:

abstract class Motorvoertuig implements Voertuig {
  merk: string = '';
  eigenaar: string = '';
  showBrand(brand: string) {}
  whoIsTheOwner(owner: string) {}
}

Alternatively, you can explore using something like:

abstract class Motorvoertuig implements Partial<Voertuig> {
}

Visit advanced typescript types to learn more.

Answer №2

When incorporating an interface into your code, you must specify the properties outlined in the interface. In the context of Vehicle, you may have defined brand and owner, but not displayBrand and identifyOwner.

If you prefer not to implement these methods within your abstract class Vehicle, you can declare them as abstract like so:

abstract displayBrand(brand: string);
abstract identifyOwner(owner: string);

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Is it illegal to escape quotes when using an image source attribute and onerror event in HTML: `<img src="x" onerror="alert("hello")" />`?

Experimenting with escape characters has been a fascinating experience for me. <img src="x" onerror=alert('hello'); /> <img src="x" onerror="alert(\"hello\")" /> The second code snippet triggers an illegal character error ...

javascripthtml

The React higher order component does not pass props to the HTML element

Looking for a way to add a custom background to any component simply by passing it through a function. This method works well with components created using React.createElement, but unfortunately does not work with standard HTML components. const Title = ...

javascriptreactjsjsx

What is the best way to find the difference between two time moments using Moment

Hello everyone, I could really use some assistance with Moment.js. I have two input fields, one labeled Start and the other labeled Stop. start = moment().format('LT'); // This works when I click on the play button stop = moment().format(' ...

javascriptmomentjs

What is the purpose of including an es directory in certain npm packages?

Why do developers sometimes have duplicated code in an es folder within libraries? Here are a few examples: https://i.stack.imgur.com/BWF6H.png https://i.stack.imgur.com/3giNC.png ...

javascriptnpm

Implementing Dynamic Route Based Modals in Next.js

Is it possible to create a dynamic route-based modal in Next.js 13 (using the app directory)? My goal is to achieve a similar functionality to websites like nomadlist and Instagram, where clicking on a card opens a modal with an updated route, such as htt ...

reactjstypescriptnext.jsmodal-dialognext.js13

Ensuring validity using dynamic context objects within Joi

I need to implement a dynamic validation system that involves downloading an object at runtime and saving it as a well-formed .json file. The objective is to use the values from this downloaded object as part of a validation process using Joi.validate wi ...

javascriptjsonvalidationschemajoi

Can a synchronous loop be executed using Promises in any way?

I have a basic loop with a function that returns a Promise. Here's what it looks like: for (let i = 0; i < categories.length; i++) { parseCategory(categories[i]).then(function() { // now move on to the next category }) } Is there ...

javascriptnode.jspromise

Using a form generated on the fly for submission

Recently, I created a dynamic form that consists of select options and input boxes. Upon submitting the form, I require all data from the selects and inputs to be stored in separate variables. The following is an excerpt from the code: HTML CODE : < ...

javascriptjqueryhtmlforms

Is there a way to incorporate a website into a pop-up window for a Chrome extension?

Hey there! I'm currently working on developing a Google Chrome extension that will feature a button in the browser. When this button is clicked, it should open up a bubble popup displaying content from this site: . However, as a newcomer to this proce ...

javascripthtmljsongoogle-chromegoogle-chrome-extension

What could be causing the Fontawsome icon to malfunction within a Bootstrap table item?

I am currently utilizing Fontawsome free version 5.15.4, along with Bootstrap 5.1 to develop a table using JavaScript. let newBtn = createAnyElement("button", { class: "btn btn-success", onclick: "createUser(this)&q ...

javascriptbootstrap-4html-table

Tips for transferring a Spring MVC controller variable to JavaScript

I am currently working on retrieving a variable for a JavaScript function from an object that is sent to the view by the controller. The object I am dealing with is called Bpmsn. https://i.sstatic.net/FxlAo.png Through the controller, I have injected th ...

javascriptspringspring-mvc

Limiting an HTML table from scrolling in a single direction on an iPad

I have a simple HTML table with restricted width and height to enable vertical and horizontal scrolling. However, on iPad, users can scroll in all directions, including diagonally. I would like to limit the scrolling to one direction at a time. Can this be ...

javascripthtmlipadkendo-uikendo-grid

const React with several parameters

What is the recommended practice for parsing 2 parameters to a const in React? I am looking to use username and message instead of data. socket.on('updateChat', function (username, message) { addMessage(username, message); } const addMessag ...

javascriptreactjsparameterssocket.ioconstants

I'm trying to figure out how to make HTML tags display within a React/Next <head> element

I inherited a React/Next project filled with spaghetti code. The previous developer did not prioritize SEO, and I am still learning React. Now, my main focus is getting tags to render in the Component. <Head> <meta key="data-tes ...

javascriptreactjstypescript

Ways to transfer a value to another component in React

Currently, I am working on a project where users can add, edit, or delete movies from a list. While the addition and deletion functionalities are working fine, I am facing challenges with the editing feature. In my Movie component, I have included a text i ...

javascriptnode.jsreactjswebecmascript-6

Caution: Potential Unresolved Promise Rejection Detected (ID: 21) - Error: Undefined is not a valid object when trying to evaluate 'res.json'

ERROR Getting an Unhandled Promise Rejection (id: 21): TypeError: undefined is not an object (evaluating 'res.json'). Any suggestions on fixing this issue in my code? I've checked the logs for user and loggeduserobj, and they seem to be cor ...

javascriptnode.jsreactjsreact-native

Strategies for increasing labels using PHP

I've been working on drawing multiple series in flotchart. I've managed to get one label successfully, but now I'm struggling to add more labels using PHP and encoding them into JSON. $connection = mysql_connect($server,$user,$password); ...

javascriptphpjson

Setting up the TypeScript compiler locally in the package.json file

UPDATE #1: It appears that I have managed to come up with a functional configuration, but I am open to any suggestions for improvement. Feel free to check out the answer here: THE ORIGINAL INQUIRY: I am in the process of setting up my environment so that ...

node.jstypescriptnpmvisual-studio-codetsconfig

Save information from an HTTP request made with a manually entered URL

As I delve into the world of web development, a particular issue has me stuck. My current project involves implementing a user password reset feature. The process goes like this: the user receives an email with a URL containing a unique token, clicks on th ...

javascriptnode.jsexpressxmlhttprequest

My instance transforms with the arrival of a JSON file

I'm grappling with a query about data types in TypeScript and Angular 2. I defined a class in TypeScript export class product{ public id:number; public name:string; public status:boolean; constructor(){} } and I initialize an instanc ...

angulartypescript