How come eslint is unable to detect all files within a directory, yet it can detect a single file?

Question

How come eslint is unable to detect all files within a directory, yet it can detect a single file?

Here is the organization of my files and directories.

https://i.stack.imgur.com/YWNw3.png

I am looking to set up some eslint rules for my code detection.

In my .eslintrc file, I have included these configuration settings.

{
  "extends": "airbnb",
  "rules": {
    "valid-jsdoc": 2,
    // Disable until Flow supports let and const
    "no-var": 0,
    "react/jsx-uses-react": 1,
    "react/jsx-no-undef": 2,
    "react/wrap-multilines": 2,
    "func-names": 0,
    "new-cap": 0,
    "no-undef": 0,
  },
  "plugins": [
    "react"
  ]
}

I am using npm scripts to execute eslint.

  "scripts": {
    "lint": "eslint src"
  },

Typically, running npm run lint would analyze all the files in the src directory.

However, no output is generated.

https://i.stack.imgur.com/ZIiKw.png

I am unsure why. My initial thought was that maybe there are mistakes in the configuration settings. But when I specified a single file in the npm script

"lint": "eslint src/component/App.jsx"

, eslint worked as expected.

So, what seems to be the issue? Eslint can detect individual files properly, but encounters difficulties with analyzing all files within a specific directory.

https://i.stack.imgur.com/jGUp7.png

javascript npm eslint

Answer 1

Answer №1

When executing eslint src, it will by default search for all files with the extension .js. In your case, you may want to adjust the command to eslint src --ext .js,.jsx. This modification will consider all files within the directory src with either a .js or .jsx extension (personal recommendation).

If using glob patterns is preferable for resolving this issue, you could update your command to eslint src/**/*.jsx

For more information, refer to the CLI documentation: http://eslint.org/docs/user-guide/command-line-interface

Additional assistance with glob patterns can be found here: http://eslint.org/docs/user-guide/configuring#ignoring-files-and-directories

Answer 2

When executing eslint src, it will by default search for all files with the extension .js. In your case, you may want to adjust the command to eslint src --ext .js,.jsx. This modification will consider all files within the directory src with either a .js or .jsx extension (personal recommendation).

If using glob patterns is preferable for resolving this issue, you could update your command to eslint src/**/*.jsx

For more information, refer to the CLI documentation: http://eslint.org/docs/user-guide/command-line-interface

Additional assistance with glob patterns can be found here: http://eslint.org/docs/user-guide/configuring#ignoring-files-and-directories

How come eslint is unable to detect all files within a directory, yet it can detect a single file?

Answer №1

Similar questions

What is the most effective method to determine if a given string is suitable for $compile in Angular?

What is the process for applying a class in jQuery to empty HTML elements?

New Relic identifies mysterious delays caused by MongoDB's findOne method

Adjustable value range slider in HTML5 with ng-repeat directive in AngularJs

Live feed of Npm child processes

Is it possible to bring in a `devDependency` into your code?

proper integration of socket.io

The custom pagination feature in Addsearch UI always default to displaying the first page of search

I possess an array of objects that includes both images and documents. My goal is to examine the mime_type of each object and select the first element in React to be displayed within an <img> tag

Having trouble setting up Volta on Windows Subsystem for Linux - Could not locate ELF file

After reloading the page, Nuxt dynamic routes are displaying a 404 error

Automatically tally up the pages and showcase the page numbers for seamless printing

Creating an Observable Collection in Angular using AngularFire2 Firestore

Encountering a problem while attempting to utilize a package that requires the importing of a JSON file for internationalization (

How to send data from JavaScript to ASP.NET

Relocating sprite graphic to designated location

Step-by-step guide to aligning layout using material design in generator-gulp-angular

how can I insert an asp textbox into a div using jquery?

Exploring jQuery: Techniques for Hovering, Changing, and Toggling Images

Is there a way for me to provide the product ID based on the selected product?