如何解决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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。