Angular 14.2.10版本下使用ngx-mask组件遇到问题求助

问题描述 #

使用Angular 14.2.10版本，在app.module.ts中按如下配置ngx-mask：

import { NgxMaskModule } from 'ngx-mask';

@NgModule({
  imports: [
    NgxMaskModule.forRoot()
  ]
})

配置后仍出现报错，错误截图：

解决步骤 #

• 检查版本兼容性
  Angular 14需要匹配对应版本的ngx-mask，执行npm list ngx-mask查看当前版本，若不是14.x.x系列，执行以下命令重装适配版本：

  npm uninstall ngx-mask
  npm install ngx-mask@14 --save
  

• 确认模块导入完整性
  确保app.module.ts的模块配置完整，示例如下：

  import { NgxMaskModule } from 'ngx-mask';
  
  @NgModule({
    declarations: [
      // 你的项目组件
    ],
    imports: [
      // 其他依赖模块
      NgxMaskModule.forRoot()
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  

• 清理缓存重启项目
  执行以下命令清理缓存并重新安装依赖后重启开发服务：

  npm cache clean --force
  rm -rf node_modules package-lock.json
  npm install
  ng serve
  

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