Angular代码编译运行正常,但VS Code中模块与指令出现大量红线
解决方案
- 清除TypeScript语言服务缓存:打开VS Code命令面板(Ctrl+Shift+P),执行
TypeScript: Restart TS Server,多数情况下缓存异常会导致语法检查误报。 - 重置本地依赖与编译产物:
- 删除项目根目录下的
node_modules文件夹 - 删除
package-lock.json(npm)或yarn.lock(yarn)文件 - 重新执行
npm install或yarn install拉取依赖 - 若为Angular/Vue等框架项目,额外执行框架自带的清理命令(如Angular的
ng clean)
- 删除项目根目录下的
- 排查VS Code插件问题:
- 确保对应框架的语言服务插件(如Angular Language Service、Vetur)为最新版本
- 临时禁用所有第三方插件,再逐个启用排查冲突插件
- 统一TypeScript版本:打开命令面板执行
TypeScript: Select TypeScript Version,选择Use Workspace Version,避免VS Code内置TS版本与项目依赖版本不匹配 - 重置VS Code设置:执行命令面板的
Preferences: Reset Settings,恢复默认设置排查自定义配置导致的问题(建议先备份个人设置)
内容的提问来源于stack exchange,提问作者Shreya Bhanot
相关产品推荐
相关产品推荐

