ESLint Global Variables

Emmanuel Gautier / November 27, 2021

1 min read

Sometimes, we need to access some globally defined variables, especially the browser side when we use third-party libraries, and can also be the case server side. Because the variables are not referenced in the code, eslint throws an error saying the variable is not defined.

Eslint let us specify the global variable. This configuration allows eslint to know that a variable exists even if it is not referenced in the code. Here is an example:

{
  "globals": {
    "dataLayer": true
  }
}

In addition to specifying it, you can declare the variable as writable or not. Here is an example:

{
  "globals": {
    "dataLayer": "writable"
  }
}

Or only declare it as read-only:

{
  "globals": {
    "dataLayer": "readonly"
  }
}

You can find more documentation on the Eslint doc page.

Consulting

If you're seeking solutions to a problem or need expert advice, I'm here to help! Don't hesitate to book a call with me for a consulting session. Let's discuss your situation and find the best solution together.

Share this post

Follow the RSS feed

Migrate URLs in Next.js

How to migrate URLs in Next.js to avoid 404 errors and improve SEO with permanent redirects.

Optimizing ESLint Performance with TIMING and Caching

This article provides practical steps to enhance code linting efficiency with the TIMING environment variable and ESLint caching, for faster development processes in large codebases.

Inject HTML content into an Astro component

While working on a project within the Astro framework, I encountered a scenario where I needed to fill HTML content within a script tag.

ESLint Global Variables

Related Posts

Migrate URLs in Next.js

Optimizing ESLint Performance with TIMING and Caching

Inject HTML content into an Astro component

Featured Posts

Introducing new blog about OAuth, OpenID Connect, and IAM Solutions

How to deal with Docker Hub rate limit on AWS

How to enable Python type checking in VSCode