Angular 15.2.8集成ngx-emoji-mart遇类型不兼容错误求助

错误原因 #

你安装的@types/emoji-mart是为原生emoji-mart库提供的类型定义，和实际使用的@ctrl/ngx-emoji-mart（即ngx-emoji-mart）并不兼容。而且@ctrl/ngx-emoji-mart本身已经内置了完整的类型定义，额外安装第三方类型包会导致类型签名冲突，从而触发你看到的这些属性不匹配错误。

解决步骤 #

• 卸载冲突的类型包：执行以下命令移除错误安装的@types/emoji-mart：

  npm uninstall @types/emoji-mart
  # 若使用yarn则执行：
  yarn remove @types/emoji-mart
  

• 确保ngx-emoji-mart版本适配Angular 15：Angular 15需要搭配@ctrl/ngx-emoji-mart 9.x及以上版本，若当前安装的版本过低，重新安装适配版本：

  npm install @ctrl/ngx-emoji-mart@^9.2.0
  

• 清理缓存并重新构建：清除npm缓存和Angular构建缓存，避免残留冲突文件：

  npm cache clean --force
  ng serve --clearCache
  

• 核对导入与使用：确认模块中导入的PickerModule来自@ctrl/ngx-emoji-mart，组件内的<emoji-mart>标签使用正确，样式导入路径无误。

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