Vite+React项目中VSCode Ctrl+.无法触发快速导入但Ctrl+Space可用

环境配置 #

• 系统：Windows 10 Pro
• 项目初始化方式：yarn + vite + react

文件结构 #

配置文件 #

vite.config.js #

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
});

jsconfig.json #

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es6",
        "baseUrl": ".",
        "paths": {
            "@/*": ["src/*"]
        },
    },
    "exclude": ["node_modules"],
}

已安装VSCode扩展列表 #

• amazonwebservices.aws-toolkit-vscode
• Angular.ng-template
• burkeholland.simple-react-snippets
• bysabi.prettier-vscode-standard
• christian-kohler.npm-intellisense
• christian-kohler.path-intellisense
• dbaeumer.vscode-eslint
• donjayamanne.githistory
• dsznajder.es7-react-js-snippets
• eamodio.gitlens
• EditorConfig.EditorConfig
• elltg.elltg-npm-script-run
• esbenp.prettier-vscode
• firefox-devtools.vscode-firefox-debug
• formulahendry.code-runner
• geddski.macros
• GitHub.copilot
• Gydunhn.angular-essentials
• Gydunhn.javascript-essentials
• Gydunhn.typescript-essentials
• infeng.vscode-react-typescript
• iulian-radu-at.find-unused-exports
• johnpapa.angular-essentials
• johnpapa.Angular2
• johnpapa.pwa-tools
• johnpapa.vscode-peacock
• johnpapa.winteriscoming
• mgmcdermott.vscode-language-babel
• Mikael.Angular-BeastCode
• ms-python.black-formatter
• ms-python.python
• ms-python.vscode-pylance
• ms-vscode-remote.remote-wsl
• ms-vscode.cmake-tools
• ms-vscode.cpptools
• ms-vscode.cpptools-extension-pack
• ms-vscode.cpptools-themes
• ms-vsliveshare.vsliveshare
• natewallace.angular2-inline
• nrwl.angular-console
• NuclleaR.vscode-extension-auto-import
• numso.prettier-standard-vscode
• odubuc.mysql-inline-decorator
• PKief.material-icon-theme
• pmneo.tsimporter
• redhat.vscode-commons
• redhat.vscode-yaml
• steoates.autoimport
• stringham.move-ts
• TabNine.tabnine-vscode
• tombonnike.vscode-status-bar-format-toggle
• twxs.cmake
• VisualStudioExptTeam.intellicode-api-usage-examples
• VisualStudioExptTeam.vscodeintellicode
• xabikos.JavaScriptSnippets

已尝试的解决方案 #

• 安装auto import、ES7 React snippets、simple react snippets等插件
• 禁用所有扩展
• 将jsconfig.json配置迁移到vite.config.js

当前问题 #

VSCode中使用Ctrl+Space可触发快速导入，但Ctrl+.无法触发该功能。

解决办法 #

1. 检查快捷键冲突
   打开VSCode快捷键设置（Ctrl+K Ctrl+S），搜索Quick Fix，查看该功能的绑定快捷键是否为Ctrl+.。如果被其他功能占用，直接修改回Ctrl+.即可。

2. 修复jsconfig.json语法错误
   你的jsconfig.json中存在多余的尾逗号，会导致配置失效，修改后重启VSCode让配置生效：

   {
       "compilerOptions": {
           "module": "commonjs",
           "target": "es6",
           "baseUrl": ".",
           "paths": {
               "@/*": ["src/*"]
           }
       },
       "exclude": ["node_modules"]
   }
   

3. 重启TS/JS语言服务
   按下Ctrl+Shift+P打开命令面板，输入Restart TS/JS Language Service并执行，语言服务异常时重启通常能解决问题。

4. 清理VSCode缓存
   关闭VSCode，删除以下目录的缓存文件：

   • %APPDATA%\Code\CachedData
   • %USERPROFILE%\.vscode\extensions（担心丢失可先备份，之后重新安装必要扩展）
     重新打开VSCode后测试快捷键是否恢复正常。

内容的提问来源于stack exchange，提问作者Shimi Shimson