tslint Angular问题-所有导入均未使用

Question

I am doing some refactoring with my application and resolving issues raised by ts lint.

I was able to resolve most of the issues but the following two issues remains unresolved.

ERROR:

view.component.ts[1, 61]: 'OnInit' is declared but never used.
done.component.ts[3, 1]: All imports are unused.

if you really look at the code of both the components,

view.component.ts

export class ViewComponent implements OnInit  {

ngOnInit(): void {
    const ticketId = 123;
}

It has been actually used.

while the 2nd one shows,

done.component.ts

import { Component } from '@angular/core';
import { BaseComponent } from '../../../base.component';

@Component({
    selector: 'done',
    templateUrl: 'done.component.html'
})

export class DoneComponent extends BaseComponent {
}

here is the ts-lint config.

both imports have been used. Similarly it shows many angular methods as not used. is this a common issue with tslint? if not how can this be resolved?

Answer 1

Issue is because of no-unused-variable try to ( remove it / make it false ) and recompile your code:

Change :

no-unused-variable : true,

To :

no-unused-variable : false,

Disallows unused imports, variables, functions and private class members. Similar to tsc's –noUnusedParameters and –noUnusedLocals options, but does not interrupt code compilation.

For More Detail Please Go Through The Link : https://github.com/palantir/tslint/issues/1481