Angular 8升级至14后ng serve报错：formGroup、datePipe等问题求助

针对你升级后遇到的四个错误，逐个给出解决方法：

1. NG8001：'p-dialog'不是已知元素 #

p-dialog是PrimeNG的弹窗组件，升级后出现这个问题大概率是PrimeNG版本与Angular 14不兼容，且未正确导入对应模块：

• 先安装适配Angular 14的PrimeNG版本：

  npm install primeng@14 --save
  

• 在使用p-dialog的模块（比如AppModule）中导入DialogModule：

  import { DialogModule } from 'primeng/dialog';
  
  @NgModule({
    imports: [
      // 其他已导入模块
      DialogModule
    ]
  })
  export class AppModule { }
  

2. NG8004：找不到名为'date'的管道 #

分两种情况处理：

• 如果是用Angular内置的DatePipe：确保使用该管道的组件所在模块都导入了CommonModule（你已在AppModule导入，但子模块也要单独导入），或者在组件中直接注入DatePipe使用。
• 如果是自定义的date管道：检查该管道是否在模块的declarations中注册，若跨模块使用还要加到exports里：

  import { CustomDatePipe } from './your-pipe-path';
  
  @NgModule({
    declarations: [CustomDatePipe],
    exports: [CustomDatePipe] // 供其他模块使用时添加
  })
  

3. NG8002：无法绑定'formGroup'到form元素 #

这是因为未导入Angular表单模块，在AppModule或使用表单的子模块中导入响应式表单模块（如果用模板驱动表单还要加FormsModule）：

import { ReactiveFormsModule, FormsModule } from '@angular/forms';

@NgModule({
  imports: [
    // 其他模块
    ReactiveFormsModule,
    FormsModule
  ]
})

4. NG8002：无法绑定'visible'到'p-dialog' #

这个问题和第一个错误强相关：

• 先确保已经正确导入DialogModule（解决第一个错误），Angular才会识别p-dialog的属性。
• 检查PrimeNG 14的Dialog文档，确认属性名：PrimeNG 14中弹窗的可见性绑定依然是[(visible)]，如果你的代码里是旧的属性名（比如早期版本的display），需要改成visible。

额外排查步骤 #

• 检查所有第三方依赖版本兼容性：Angular 14要求RxJS 7.x，执行npm install rxjs@7 --save更新。
• 清理Angular缓存：ng cache clean，然后重新执行ng serve。
• 检查模板拼写：确认formGroup、属性名等拼写正确，Angular绑定区分大小写。

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