- Instant help with your JavaScript coding problems

Fix: Require statement not part of import statement

Last updated: Oct 13, 2022 - by: C. Smith

During JavaScript development, you may encounter the following ESLint error message:

ESLint: Require statement not part of import statement.(@typescript-eslint/no-var-requires)

This error can appear, among others, in the webpack.config.js file of a React / TypeScipt-based web project. In this case, the project uses ES6 modules, but the webpack and its configuration file use require , which is typically used with NodeJS to read and execute CommonJS modules.

Solution

Since the rule is useful for the project as a whole, it is not recommended to turn it off globally. Instead, it is recommended to disable the ESLint rule at the file level. So sticking with our example, add the following line to the beginning of the webpack.config.js file:

/* eslint-disable @typescript-eslint/no-var-requires */

Reference

ESLint no-var-requires rule reference

Source code of no-var-requires rule

Share "Fix: Require statement not part of import statement" with your friends

Table of contents

Fix the 'React' must be in scope when using JSX error Fix: Require statement not part of import statement

Trending articles

Fix 'React' refers to a UMD global, but the current file is a module Fix the object passed as the value prop to the Context provider changes every render Fix the 'React' must be in scope when using JSX error How to run useEffect only once in React Fix the React 18: Hydration failed because the initial UI does not match error Fix npm ERR! enoent ENOENT: no such file or directory error Fix the ReactDOM.render is no longer supported in React 18 Fix the TypeError: MiniCssExtractPlugin is not a constructor Solving the Uncaught SyntaxError: Cannot use import statement outside a module Remove element from an array

Quick fix

Fix: Require statement not part of import statement Fix navigator.clipboard is undefined