Angular - Cannot find name 'Input' - Solved

Today, Cannot find name 'Input' in angular is our main topic. I explained simply step by step angular error ts2304 cannot find name 'Input'. I explained simply step by step angular cannot find Input error. This tutorial will give you simple example of angular cannot find name Input.

You can use this solution with angular 8, angular 9, angular 10, angular 11, angular 12, angular 13, angular 14, angular 15, angular 16 and angular 17 version.

In this post, I will give you the solution of "Cannot find name 'Input'" in angular application. we need to import Input from @angular/core library. so let's see below the solution and full code.

Solution:

let's import Input from @angular/core npm package, as bellow:

Import Input:

import { Input } from '@angular/core';

Let's see bellow working code:

Example:

import { Component, Input } from '@angular/core';
    
@Component({
  selector: 'app-post',
  templateUrl: './post.component.html',
  styleUrls: ['./post.component.css']
})
export class PostComponent{
  
  @Input() title: string;
  
}

I hope it can help you...