我花了一个小时试图让这个工作，但我找不到一个解决方案。我有一个组件在./components/layout/Layout.js。
我在./pages/_app.js中使用这个组件。然而，当eslint看到我没有导入它时，它没有提供自动导入它的建议（在快速修复菜单中）。我希望能够单击快速修复并看到建议的导入，就像我在Typescript项目中看到的那样（如果这在JS中甚至是可能的）。
下面是我的jsconfig.json：

{
  "compilerOptions": {
    "target": "es2020",
    "module": "esnext",
    "allowSyntheticDefaultImports": true,
    "baseUrl": "src",
    "jsx": "react",
    "noImplicitAny": false,
    "paths": {
      "components/*": ["./components/*"]
    }
  },
  "exclude": ["node_modules"]
}

这是我的eslintrc.js：

module.exports = {
  env: {
    commonjs: true,
    node: true,
    browser: true,
    es6: true,
    jest: true
  },
  extends: ['eslint:recommended', 'plugin:react/recommended'],
  globals: {},
  parser: 'babel-eslint',
  parserOptions: {
    ecmaFeatures: {
      jsx: true
    },
    ecmaVersion: 2018,
    sourceType: 'module'
  },
  plugins: ['react', 'import', 'react-hooks'],
  ignorePatterns: ['node_modules/'],
  rules: {
    'react/react-in-jsx-scope': 0,
    'react/prop-types': 0
  },
  settings: {
    'import/resolver': {
      alias: {
        map: [['components', './components']]
      }
    },
    react: {
      version: 'latest' // "detect" automatically picks the version you have installed.
    }
  }
};

如果有人能在这里提供一些配置方面的建议，那就太好了。正如我所说，我已经在谷歌上搜索了很长时间，但一直无法让它工作。
多谢