How To Ignore Errors In TypeScript Files

Suppose you are trying to force the TypeScript compiler to ignore errors in your program. This article will show you how to Ignore errors in TypeScript files. Read on it now.

How to ignore errors in TypeScript files

We have to turn off type checking to ignore errors in TypeScript. To do this, we use comments in our program. 

There are three types of comments that can help you ignore errors in TypeScript: @ts-nocheck, @ts-ignore, and @ts-expect-error

Using @ts-nocheck

In case you want to ignore errors for the entire code in the file, you can use the @ts-nocheck comment. You can use it by adding the following two lines of comments in your TypeScript file:

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-nocheck

To illustrate, take a look at this example:

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-nocheck
 
function message(salary: string){
  return "Your salary: " + salary/2
}
 
console.log(8 === 'eight')

In this example, two errors were ignored. The first error is that we perform the ‘/‘ operator on two objects of type string and number. The other error is comparing a number with a string.

Using @ts-ignore

If you only want to ignore errors on one line, specifically on the following line, you can use the @ts-ignore comment. To apply, use the following two lines of comments in your code:

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore

Here is an example for you:

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
console.log('ten' === 10);

As you can see, the error of comparing a number to a string in the console.log() statement is ignored.

Using @ts-expect-error

With this approach, add these comment lines to your file:

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-expect-error

@ts-expect-error is used similarly to @ts-ignore. It is used to ignore errors on a single line of code.

For instance: 

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-expect-error
console.log(100 === 'ten')

However, with @ts-expect-error, if you use it without errors in your code, TypeScript will return a warning about the unnecessary use of @ts-expect-error. This is also the only difference between them.

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-expect-error
console.log('We are LearnShareIT')

Output:

Unused '@ts-expect-error' directive.

One caveat: the @ts-nocheck comment has been in TypeScript since version 3.7. If you are using an older version, then use the @ts-ignore comment or @ts-expect-error comment to be able to disable type-checking on a particular line of code.

Summary

In conclusion, we showed you how to ignore errors in TypeScript files. We hope you have found the information that you need through this article. Thank you for being so interested.

Maybe you are interested:

• File is not under ‘rootDir’ error in TypeScript
• Import a Type from Another file using TypeScript
• How to generate a tsconfig.json file

Christopher

My name’s Christopher Gonzalez. I graduated from HUST two years ago, and my major is IT. So I’m here to assist you in learning programming languages. If you have any questions about Python, JavaScript, TypeScript, Node.js, React.js, let’s contact me. I will back you up.

Name of the university: HUST
Major: IT
Programming Languages: Python, JavaScript, TypeScript, Node.js, React.js