Angular - Cannot find name 'Inject' - Solved

In this tutorial, you will learn Cannot find name 'Inject' in angular. this example will help you angular error ts2304 cannot find name 'Inject'. it's simple example of angular cannot find Inject error. I would like to show you angular cannot find name Inject. you will do the following things for solve cannot find name Inject angular error.

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 'Inject'" in angular application. we need to import Inject from @angular/core library. so let's see below the solution and full code.

Solution:

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

Import Output:

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

Let's see bellow working code:

Example:

import { Component, OnInit, Inject, Injectable } from '@angular/core';
import { DOCUMENT } from '@angular/common';
   
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
    
    port = '';
    
    /*------------------------------------------
    --------------------------------------------
    constructor
    --------------------------------------------
    --------------------------------------------*/
    constructor(@Inject(DOCUMENT) private document: any) { }
    
    /*------------------------------------------
    --------------------------------------------
    ngOnInit
    --------------------------------------------
    --------------------------------------------*/
    ngOnInit() {
        this.port = this.document.location.port;
        console.log(this.port);
    }
  
}

I hope it can help you...