He instalado eslint globalmente a través de cmd y también está instalado como una extensión en el código vs. Después de eso, utilicé el siguiente comando en el terminal del código vs para inicializarlo:

 npx eslint --init

Usé la opción de guía de estilo de Airbnb mientras lo configuraba. Pero incluso al ejecutar el archivo predeterminado que viene cuando crea una aplicación de reacción, se muestran múltiples errores como esta captura de pantalla de errores .
Recién comencé a aprender React y no sé qué otros detalles podrían ser necesarios para resolver este problema. A continuación se muestra el código del archivo App.js.

 import React from 'react'; import logo from './logo.svg'; import './App.css'; function App() { return ( < div className = "App" > < header className = "App-header" > < img src = { logo } className = "App-logo" alt = "logo" / > < p > Edit < code > src / App.js < /code> and save to reload. < /p> < a className = "App-link" href = "https://reactjs.org" target = "_blank" rel = "noopener noreferrer" > Learn React < /a> < /header> < /div> ); } export default App;

Editar: módulo React importado y agregado

 "react/jsx-filename-extension": [1, { "extensions": [".js", ".JSX"] }]

en las reglas de .eslinrc.json pero

 Line 7:5: JSX not allowed in files with extension '.js' react/jsx-filename-extension

este error sigue ahí, a pesar de eliminar y reiniciar eslint para mi aplicación.