在 VSCode 里遇到报红是因为 Angular 编译器无法识别

  1. Angular Language Service 插件抽风(最常见)
    VSCode 的 Angular 语言服务插件经常会"脑抽",导致明明编译能通过,编辑器却报红。
    解决方法:
    在 VSCode 右下角状态栏,找到 "Angular Language Service",点击重启(如果有的话)。
    或者直接重启 VSCode(Ctrl + Shift + P -> 输入 Reload Window)。
    如果还不行,尝试禁用再启用 "Angular Language Service" 插件。
  2. 依赖包损坏或版本不匹配
    有时候 node_modules 里的包会损坏,或者 ng-zorro-antd 的版本在更新后发生了变化。
    解决方法:
    尝试重新安装依赖。删除 node_modules 文件夹和 package-lock.json,然后运行 npm install。
    检查 package.json,确认 ng-zorro-antd 的版本号没有意外变动。
  3. 模块导入丢失或路径错误
    虽然之前没问题,但可能在你进行代码重构、移动文件、或者合并 Git 分支时,导致声明该组件的模块文件(.module.ts)中的导入丢失了。
    检查点:
    找到 SystemSupplierSettlementSummaryComponent 所在的模块文件(比如 xxx.module.ts)。
    确认 imports 数组里是否依然包含 NzTableModule(或者导入 NgZorroAntdModule 的地方)。
    注意:如果你使用的是 NG-ZORRO 的按需加载(推荐方式),必须确保 NzTableModule 被显式导入。
  4. 缓存问题
    Angular CLI 或 VSCode 的缓存可能导致旧的状态被保留。
    解决方法:
    停止正在运行的 ng serve,然后重新运行。
    在 VSCode 中,尝试清除 TypeScript 缓存(Ctrl + Shift + P -> 输入 TypeScript: Restart TS server)。
  5. Git 分支合并冲突
    如果你最近切换了分支或合并了代码,可能无意中覆盖了模块的导入配置,导致 NzTableModule 从 imports 中消失了。
    检查点:
    使用 git diff 查看最近的更改,特别是 .module.ts 文件的更改。
    建议优先尝试重启 VSCode 和重启 ng serve,这通常能解决大部分"之前没问题突然报错"的情况。
相关推荐
sinat_2554878110 小时前
第七部分。介绍MVC(模型-视图-控制器)模式
java·ide·http·tomcat·intellij-idea
初一初十12 小时前
vue3茶叶商城网站vue网页vuejs前端
前端·javascript·vue.js·vscode·前端框架
Algorithm_Engineer_14 小时前
如何利用Pycharm进行分布式的Debug训练
ide·分布式·pycharm
Jumbo星15 小时前
新版vscode侧边资源管理器的文件搜索
ide·vscode·编辑器
今天的你比昨天进步了?15 小时前
单片机程序,keil可以正常编译,VScode编译报错处理
vscode·单片机·嵌入式硬件
ABAP-張旺15 小时前
ABAP:Visual Studio Code開發ABAP教程
ide·vscode·编辑器
stevenzqzq18 小时前
vsCode AI插件
ide·人工智能·vscode
拾贰_C20 小时前
【Ubuntu | VSCode | SSH | 远程连接 | Linux】VSCode 怎么实现ssh远程连接
linux·vscode·ubuntu
你疯了抱抱我20 小时前
【STM32】配置vscode+C工具链+Cortex-Debug开发环境,IC:STM32F411CEU6
c语言·vscode·stm32
starrysky81020 小时前
Hindsight 记忆系统 recall 接口 60 秒不返回?——5 层根因诊断 + bge-m3 切换 + 9419 条数据重建 + 本地 100ms 召回完整实战
angular.js