VSCode添加所有丢失的导入不起作用

问题描述

例如，我制作了一个新的create-react-app，并从index.js中删除了App导入。 ESLint显示了问题，我可以通过单击App并按“ Ctrl + Space”或“ Ctrl +”来解决此问题。并单击即可导入App，但我希望在保存时导入文件。

源操作>添加所有丢失的导入无效，但有趣的是组织导入有效。

我不知道可能是什么问题。我想使用组织导入，并在保存时添加缺少的导入。

我的Settings.json

+ 我意识到vs代码根本无法分辨出缺少哪些文件，因为我删除了自动导入扩展名ctrl + space和ctrl +。停止工作。

{
    "workbench.iconTheme": "vscode-icons","liveServer.settings.donotShowInfoMsg": true,"window.zoomLevel": 1,"git.enableSmartCommit": true,"eslint.format.enable": true,"editor.formatOnSave": true,"javascript.updateImportsOnFileMove.enabled": "always",// "files.autoSave": "afterDelay","diffEditor.renderSideBySide": false,"[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },"explorer.confirmDragAndDrop": false,"emmet.triggerExpansionOnTab": true,"emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },"emmet.syntaxProfiles": {
        "javascript": "jsx"
    },"prettier.arrowParens": "always","editor.fontLigatures": true,"workbench.activityBar.visible": true,"workbench.preferredDarkColorTheme": "One Dark Pro","oneDarkPro.bold": true,"oneDarkPro.editorTheme": "Onedark Pro","oneDarkPro.vivid": true,"workbench.preferredHighContrastColorTheme": "One Dark Pro","workbench.preferredLightColorTheme": "One Dark Pro","workbench.colorTheme": "One Dark Pro","editor.fontFamily": "Fira Code,Fira Code iScript,Consolas,'Courier New',monospace","gitlens.advanced.messages": {
        "suppressCommitHasNoPreviousCommitWarning": true
    },"eslint.workingDirectories": [{ "mode": "auto" }],"prettier.trailingComma": "es5","autoimport.filesToScan": "**/*.{jsx,js,ts,tsx}","autoimport.doubleQuotes": true,"autoimport.showNotifications": true,"explorer.compactFolders": false,"eslint.codeAction.showDocumentation": {
        "enable": true
    },"[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },"typescript.tsdk": "","path-intellisense.mappings": {},"relativePath.excludedExtensions": [".js"],"typescript.updateImportsOnFileMove.enabled": "always","typescript.preferences.includePackageJsonAutoImports": "on","prettier.useTabs": true,"editor.codeActionsOnSave": {
        "source.addMissingImports": true
        // "source.fixAll.eslint": true
        // "source.organizeImports": true
    },"editor.snippetSuggestions": "top"
}

解决方法

请在应用程序的根目录中使用以下命令创建一个新的jsconfig.json文件：

{
  "compilerOptions": {
    "baseUrl": "./src","checkJs": true,"jsx": "react"
  }
}

然后尝试：

import React from 'react'

const Component = () => {
  const [test] = useState(0)

  return <div>{test}</div>
}

export default Component