VSCode 自带的 TS 版本可能跟项目TS 版本不一样

VS Code 默认就内置了 TypeScript/JavaScript 语言服务(TypeScript Language Features 扩展) ,这个扩展是编辑器自带的,不需要你额外安装。

具体来说:

  • VS Code 内置了一个 TypeScript Server ,它同时为 .ts / .tsx 文件提供语法检查、类型提示、跳转、自动补全等功能;
  • 即使你的项目里没有安装 typescript 包,VS Code 也会使用自带的 TypeScript 版本(通常是内置的一个固定版本);
  • 如果你的项目里安装了 typescript(比如 node_modules/typescript),VS Code 会优先使用你项目里的版本,这样能保证语法检查和编译规则与实际构建保持一致。

你可以在 VS Code 中按下 Ctrl+Shift+P(或 Cmd+Shift+P) ,然后运行命令:

vbnet 复制代码
TypeScript: Select TypeScript Version

就能切换使用 VS Code 内置的 TypeScript项目本地的 TypeScript

所以你经常在项目中遇到格式化之后还是报 type 错误的问题,很可能就是这个原因。

ts 复制代码
// bar.ts
export interface User {
  id: number
}
export const name = "Alice"

// ✅ 正确写法 (TS 5.0+)
import { type User } from "./bar"
import { name } from "./bar"

// ❌ 错误写法 (TS 5.0+ 会报错)
import { User, name } from "./bar"
//        ~~~~
//        'User' is a type and must be imported using 'import type'.
相关推荐
程序员爱钓鱼4 小时前
Node.js 编程实战:图像与文件上传下载
前端·后端·node.js
程序员爱钓鱼4 小时前
Node.js 编程实战:日志管理与分析
后端·面试·node.js
kong79069285 小时前
环境搭建-运行前端工程(vue)
前端·前端环境
谷歌开发者5 小时前
Web 开发指向标|开发者工具 AI 辅助功能的 5 大实践应用
前端·人工智能
快乐肚皮11 小时前
一文了解XSS攻击:分类、原理与全方位防御方案
java·前端·xss
保护我方头发丶11 小时前
ESP-wifi-蓝牙
前端·javascript·数据库
想学后端的前端工程师11 小时前
【Flutter跨平台开发实战指南:从零到上线-web技术栈】
前端·flutter
老王Bingo12 小时前
Qwen Code + Chrome DevTools MCP,让爬虫、数据采集、自动化测试效率提升 100 倍
前端·爬虫·chrome devtools
爱海贼的无处不在12 小时前
现在还有Java面试者不会开发Starter组件
后端·面试·架构
董世昌4112 小时前
什么是扩展运算符?有什么使用场景?
开发语言·前端·javascript