ESLint: Parsing error: The keyword 'interface' is reserved

ESLint: Parsing error: The keyword 'interface' is reserved#

If you are a developer who uses JavaScript for building web applications, you might have come across the error message "ESLint: Parsing error: The keyword 'interface' is reserved". This error occurs when you try to use the keyword 'interface' in your code.

What is an interface in JavaScript?#

In other programming languages like Java or C#, an interface is a way to define a contract for a class. It specifies what methods and properties the class should have. However, JavaScript does not have a native interface construct.

Why does ESLint throw an error for the keyword 'interface'?#

The reason why ESLint throws an error for the keyword 'interface' is because it is a reserved keyword in JavaScript. Reserved keywords are words that have a special meaning in the language and cannot be used as variable names or function names.

How to fix the ESLint parsing error?#

If you want to use the concept of interfaces in your JavaScript code, you can use a different keyword or a library that implements interfaces. Some popular libraries that provide interfaces in JavaScript are:

• TypeScript
• Interface.js
• Flow

If you don't want to use a library or change the keyword, you can tell ESLint to ignore the error. You can do this by adding the keyword 'interface' to the 'ecmaFeatures' option in your ESLint configuration file:

{
  "parserOptions": {
    "ecmaVersion": 6,
    "ecmaFeatures": {
      "interfaces": true
    }
  }
}

This will allow you to use the keyword 'interface' without getting the ESLint parsing error.