空 ngOnInit/Angular

Question

In my Angular application,when i generated new components the error "Unexpected empty constructor @typescript-eslint/no-empty-function" and "Unexpected empty method 'ngOnInit' @typescript-eslint/no-empty-function" has been triggred.

This is my script:

    import { Component, OnInit } from '@angular/core';
    
    @Component({
      selector: 'app-header',
      templateUrl: './header.component.html',
      styleUrls: ['./header.component.sass']
    })
    export class HeaderComponent implements OnInit {
    
      constructor() { 
        //
       }
    
      ngOnInit(): void {
        //
      }
    
    }

As you can see i tried to add // ,but the problem still persists.But for footer and header the same idea worked without problems.Can someone tell me what I am missing or what else i can do?

Answer 1

This is not a compilation error. Eslint gives the error to force you to maintain code standards. If you want to use Eslint, But ignore 'no-empty-function' there are some ways. You can globally disable the error, or only in a file or only in a constructor etc. You can use any of them -

create .eslintrc.json there add -

{
  "root": true,
  "overrides": [
    {
      "files": ["*.ts"],
      "rules": {
        "@typescript-eslint/no-empty-function": "off"
      }
    }
  ]
}

this config globally disables 'no-empty-function' rule. You can also allow this rule only in constructor. Replace the previous rules value with this -

"rules":{
   "@typescript-eslint/no-empty-function":[
      "error",
      {
         "allow":[
            "constructors"
         ]
      }
   ]
}

If you simply want the rule for the specific line you will add this line -

 // eslint-disable-next-line @typescript-eslint/no-empty-function

above your functions.