我正在try 按照以下说明在我的Angular 应用程序中安装NGX-COLOR-PICKER:

https://www.npmjs.com/package/ngx-color-picker/v/16.0.0

使用以下命令安装成功:

npm install ngx-color-picker --save

我可以运行ng serve,并且没有出现错误.

但当我像下面这样导入它时:

import { ColorPickerModule } from 'ngx-color-picker';

@NgModule({
  ...
  imports: [
    ...
    ColorPickerModule
  ]
})

我在执行ng serve时出现以下错误:

Error: node_modules/ngx-color-picker/lib/color-picker.directive.d.ts:108:103 - error TS2344: Type '{ colorPicker: { alias: "colorPicker"; required: false; }; cpWidth: { alias: "cpWidth"; required: false; }; cpHeight: { alias: "cpHeight"; required: false; }; cpToggle: { alias: "cpToggle"; required: false; }; ... 33 more ...; cpExtraTemplate: { ...; }; }' does not satisfy the constraint '{ [key: string]: string; }'.
  Property '"colorPicker"' is incompatible with index signature.
    Type '{ alias: "colorPicker"; required: false; }' is not assignable to type 'string'.

我用的是15号角.

推荐答案

版本15和16似乎有一些问题,这可能是由于Angular 或Typescript 的可梳理性问题.我能够在stackblitz中复制该场景,版本14仍然工作得很好,请安装并判断它是否工作,下面是相同的stackblitz供参考!

npm install ngx-color-picker@14 --save

Package.json代码片段

"dependencies": {
    "@angular/animations": "^15.2.0",
    "@angular/common": "^15.2.0",
    "@angular/compiler": "^15.2.0",
    "@angular/core": "^15.2.0",
    "@angular/forms": "^15.2.0",
    "@angular/platform-browser": "^15.2.0",
    "@angular/platform-browser-dynamic": "^15.2.0",
    "@angular/router": "^15.2.0",
    "ngx-color-picker": "^14.0.0",
    "rxjs": "~7.8.0",
    "tslib": "^2.3.0",
    "zone.js": "~0.12.0"
  },

stackblitz

Angular相关问答推荐

如何将CDkDropList与Angular FormArray和FormGroup一起使用?

尽管有模拟间谍实现,规范文件仍调用真正的服务

TransLoco合并本地和服务器端转换对象

如何重新显示ngbAlert(Bootstrap widgest for Angular)消息后再次驳回它

Angular react 形式验证问题

Angular NG5002错误无效的ICU消息和意外字符EOF

我的验证器收到一个始终为空的可观察值

Angular 16:信号更新未能更新视图

ngrx 效果等到从初始值以外的其他状态收到响应

有没有办法订阅部分 BehaviorSubject 值的变化?

如果Angular 数据为空,如何设置N/A

无法卸载 angular-cli

可从 Angular2 中的

Angular CLI 自定义 webpack 配置

如何处理解析器中的错误

Angular @NGRX中这三个点的含义是什么

Angular 2:为什么在检索路由参数时使用 switchMap?

如何以编程方式触发`valueChanges`?

如何防止角material垫菜单关闭?

RxJS - 发生错误时观察到的不会完成