- Angular Language Service 插件抽风(最常见)
VSCode 的 Angular 语言服务插件经常会"脑抽",导致明明编译能通过,编辑器却报红。
解决方法:
在 VSCode 右下角状态栏,找到 "Angular Language Service",点击重启(如果有的话)。
或者直接重启 VSCode(Ctrl + Shift + P -> 输入 Reload Window)。
如果还不行,尝试禁用再启用 "Angular Language Service" 插件。 - 依赖包损坏或版本不匹配
有时候 node_modules 里的包会损坏,或者 ng-zorro-antd 的版本在更新后发生了变化。
解决方法:
尝试重新安装依赖。删除 node_modules 文件夹和 package-lock.json,然后运行 npm install。
检查 package.json,确认 ng-zorro-antd 的版本号没有意外变动。 - 模块导入丢失或路径错误
虽然之前没问题,但可能在你进行代码重构、移动文件、或者合并 Git 分支时,导致声明该组件的模块文件(.module.ts)中的导入丢失了。
检查点:
找到 SystemSupplierSettlementSummaryComponent 所在的模块文件(比如 xxx.module.ts)。
确认 imports 数组里是否依然包含 NzTableModule(或者导入 NgZorroAntdModule 的地方)。
注意:如果你使用的是 NG-ZORRO 的按需加载(推荐方式),必须确保 NzTableModule 被显式导入。 - 缓存问题
Angular CLI 或 VSCode 的缓存可能导致旧的状态被保留。
解决方法:
停止正在运行的 ng serve,然后重新运行。
在 VSCode 中,尝试清除 TypeScript 缓存(Ctrl + Shift + P -> 输入 TypeScript: Restart TS server)。 - Git 分支合并冲突
如果你最近切换了分支或合并了代码,可能无意中覆盖了模块的导入配置,导致 NzTableModule 从 imports 中消失了。
检查点:
使用 git diff 查看最近的更改,特别是 .module.ts 文件的更改。
建议优先尝试重启 VSCode 和重启 ng serve,这通常能解决大部分"之前没问题突然报错"的情况。
在 VSCode 里遇到报红是因为 Angular 编译器无法识别
shmily麻瓜小菜鸡2026-04-30 8:31
相关推荐
null_179 小时前
IntelliJ IDEA 极致流畅配置方案:Ultra 9 285K + 64GB 内存实测爱吃提升9 小时前
VSCode 配置 Claude + Codex 完整教程巴勒个啦13 小时前
Vue 3.6 Vapor Mode 实战:我把一个 Vue3 项目的渲染性能提升了 4 倍云泽80814 小时前
VSCode入门指南:从认识、安装到语言插件配置全解析m0_6174939415 小时前
PyCharm 新手避坑指南:一文解决“项目列表消失”与“模块导入报错”两大玄学问题爱吃提升17 小时前
VSCode AI编程万能提示词模板(适配Copilot/Codeium/Continue/豆包AI)信鸽爱好者2 天前
VSCode配置python虚拟环境路径爱吃提升2 天前
2026最新VSCode 详细下载安装教程+汉化教程(含快捷键与使用趋势)五VV2 天前
VSCode_Markdown文件中自动公式编号设置的一种方法love530love3 天前
【硬核排障 & 猴子补丁 & 幽灵节点】SageAttention GQA 崩溃与 Flash Attention 兼容性修复全记录