You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular 9.1升级至18.1后NgxMatDatetimePickerModule找不到错误如何解决?

解决Angular 18迁移中NgxMatDatetimePickerModule找不到的问题

针对你遇到的Cannot find name 'NgxMatDatetimePickerModule'. Did you mean 'MatDatepickerModule'?ts(2552)错误,给你几个可行的解决方向:

  • 升级ngx-mat-datetime-picker到兼容Angular 18的版本
    先确认这个包是否有支持Angular 18的更新版本,查看该包的npm版本说明找到对应兼容版本号,执行升级命令:

    npm install ngx-mat-datetime-picker@<兼容版本号>
    

    若不确定具体版本,可尝试安装最新版:

    npm install ngx-mat-datetime-picker@latest
    

    升级后要同步检查它的依赖包(比如@angular/material、@angular/cdk)是否和Angular 18版本匹配,避免依赖冲突。

  • 替换为Angular Material官方组件
    如果ngx-mat-datetime-picker没有兼容Angular 18的版本,可改用Angular Material官方组件组合实现相同功能:

    1. 确保@angular/material和@angular/cdk已升级到18.1.x版本
    2. 在模块或独立组件中导入MatDatepickerModule、MatInputModule、MatTimepickerModule
    3. 在模板中组合日期选择器和时间选择器,实现datetime选择功能
  • 适配Angular 18的Standalone模式
    Angular 18默认启用独立组件模式,若项目仍使用NgModule(比如AppModule),需确认升级后的ngx-mat-datetime-picker是否支持NgModule导入。如果该包已转为支持独立组件,需在使用datetime选择器的组件中直接导入对应模块,而非在AppModule中声明。

  • 排查依赖版本冲突
    执行以下命令检查@angular相关依赖版本是否统一:

    npm ls @angular/core @angular/material @angular/cdk
    

    若存在版本不一致,将所有@angular相关依赖升级到18.1.x版本:

    npm install @angular/core@18.1.x @angular/material@18.1.x @angular/cdk@18.1.x
    

内容的提问来源于stack exchange,提问作者Saurabh

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.19 10:52:09