Initialization error eslint module createrequire is not a function

I’m using react app with Parcel bundler & TypeScript.
I’m trying to use ESLint but I get this error:

ESLint: Initialization error (ESLint). Module.createRequire is not a function.

versions:

• IDE: Webstorm
• Node Version: 16.6.2
• NPM Version: 7.20.3
• I don’t have ESLint installed globally in my machine

This is my setup:

package.json:

{
  "name": "app-boilerplate",
  "version": "1.0.0",
  "description": "",
  "source": "public/index.html",
  "scripts": {
    "start": "parcel --port=3000 --open --lazy",
    "build": "parcel build",
    "lint": "eslint . --ext .tsx,.ts",
    "lint:fix": "eslint . --ext .tsx,.ts --fix",
    "test": "jest --coverage --passWithNoTests",
    "test:watch": "jest --watchAll --coverage",
    "prepare": "husky install",
    "storybook": "start-storybook -p 6006",
    "build-storybook": "build-storybook"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.16.7",
    "@parcel/transformer-svg-react": "^2.2.0",
    "@storybook/addon-actions": "^6.4.13",
    "@storybook/addon-essentials": "^6.4.13",
    "@storybook/addon-links": "^6.4.13",
    "@storybook/react": "^6.4.13",
    "@testing-library/jest-dom": "^5.16.1",
    "@testing-library/react": "^12.1.2",
    "@types/jest": "^27.4.0",
    "@typescript-eslint/eslint-plugin": "^5.9.1",
    "@typescript-eslint/parser": "^5.9.1",
    "babel-loader": "^8.2.3",
    "eslint": "^8.7.0",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-config-prettier": "^8.3.0",
    "eslint-plugin-import": "^2.25.4",
    "eslint-plugin-jsx-a11y": "^6.5.1",
    "eslint-plugin-react": "^7.28.0",
    "eslint-plugin-react-hooks": "^4.3.0",
    "eslint-plugin-storybook": "^0.5.5",
    "husky": "^7.0.4",
    "jest": "^27.4.7",
    "parcel": "^2.2.0",
    "prettier": "^2.5.1",
    "ts-jest": "^27.1.3",
    "typescript": "^4.5.4"
  },
  "dependencies": {
    "@types/node": "^17.0.8",
    "@types/react": "^17.0.38",
    "@types/react-dom": "^17.0.11",
    "react": "^17.0.2",
    "react-dom": "^17.0.2"
  },
  "alias": {
    "@hooks": "./src/hooks",
    "@libs": "./src/libs"
  }
}

.eslintrc.json:

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "plugin:react/recommended",
        "airbnb",
        "prettier",
        "plugin:storybook/recommended"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "project": "./tsconfig.json",
        "ecmaFeatures": {
            "jsx": true
        },
        "sourceType": "module"
    },
    "plugins": [
        "react",
        "@typescript-eslint",
        "jsx-a11y"
    ],
    "rules": {
        "import/extensions": [2, "never"],
        "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx", ".tsx", ".ts"] }],
        "react/jsx-indent": [2, 2, {"checkAttributes": true, "indentLogicalExpressions": true}],
        "react/react-in-jsx-scope": "off",
        "no-console": "off"
    },
    "settings": {
        "import/resolver": {
            "node": {
                "extensions": [".js", ".jsx", ".ts", ".tsx"]
            }
        }
    }
}

The actual error inside Webstorm

How can I solve it, please?
Thank you.

Hello readers, Today In this article I am going to show you how to Solve – Module.createRequire is not a function Error in ReactJs. So here I will explain all the possible solutions.

Without wasting your time, Let’s start This Article to Solve This Error.

How Module.createRequire is not a function Error Occurs?

This is a common error in Python. When I am trying to create a new react app. but, I am facing following error. It looks as like below:

ERROR in Module.createRequire is not a function
ERROR in Error: Child compilation failed: Module.createRequire is not a function

So here are all the possible solutions that I tried to fix this error.

How To Solve Module.createRequire is not a function Error?

• How To Solve Module.createRequire is not a function Error?

To Solve Module.createRequire is not a function Error Creating a new react app You’ll must need to have Node >= 14.0.0 and npm >= 5.6 on your machine so Just Install Node’s latest version and Also Update Your NPM. First of all, run this command to update the node: npm install -g npm Now update npm to the latest version by running this command: npm install [email protected] -g And now, your errorwill be gone.

• Module.createRequire is not a function

To Solve Module.createRequire is not a function Error Creating a new react app You’ll must need to have Node >= 14.0.0 and npm >= 5.6 on your machine so Just Install Node’s latest version and Also Update Your NPM. First of all, run this command to update the node: npm install -g npm Now update npm to the latest version by running this command: npm install [email protected] -g And now, your errorwill be gone.

Solution 1: Use Node >= 14.0.0 and npm >= 5.6

You’ll need to have Node >= 14.0.0 and npm >= 5.6 on your machine so Just Install Node’s latest version and Also Update Your NPM. First of all, run this command to update the node.

npm install -g npm

Now update npm to the latest version by running this command.

npm install [email protected] -g

Now, your error will be gone.

Conclusion

In this article, we have discussed what causes the error and we have discussed ways to fix the error.

we hope this article has been informative. Thank you for reading. Kindly comment and let us know if you found it helpful.

An Animated Guide to Node.js Event Lop

Node.js doesn’t stop from running other operations because of Libuv, a C++ library responsible for the event loop and asynchronously handling tasks such as network requests, DNS resolution, file system operations, data encryption, etc.

What happens under the hood when Node.js works on tasks such as database queries? We will explore it by following this piece of code step by step.

3 ответа

Лучший ответ

  formatter: require.resolve('react-dev-utils/eslintFormatter'),
                eslintPath: require.resolve('eslint'),
                resolvePluginsRelativeTo: __dirname,
                // @remove-on-eject-begin
                ignore: isExtendingEslintConfig,
                baseConfig: isExtendingEslintConfig
                  ? undefined
                  : {
                      extends: [require.resolve('eslint-config-react-app')],