Angular ngx剪贴板没有令牌文档的提供程序

Angular ngx剪贴板没有令牌文档的提供程序,angular,ngx-clipboard,Angular,Ngx Clipboard,试图在我的组件中使用ngx剪贴板v.7.0.6并使用ClipboardService,但出现以下错误:承诺拒绝:令牌文档没有提供程序 模块: import {NgModule} from '@angular/core'; import {CommonModule} from '@angular/common'; import {BrowserModule} from '@

试图在我的组件中使用
ngx剪贴板v.7.0.6
并使用
ClipboardService
,但出现以下错误:
承诺拒绝:令牌文档没有提供程序

模块:

import {NgModule}                         from '@angular/core';
import {CommonModule}                     from '@angular/common';
import {BrowserModule}                    from '@angular/platform-browser';
import {RouterModule}                     from '@angular/router';
import {ReactiveFormsModule}              from '@angular/forms';
import {ClipboardModule}                  from 'ngx-clipboard';
import {ClipboardService}                 from 'ngx-clipboard/src';

@NgModule({
  imports: [
    CommonModule,
    ClipboardModule,
    BrowserModule,
    RouterModule,
    ReactiveFormsModule
  ],
  declarations: [],
  providers: [
    ClipboardService
  ]
})

export class MyModule {}
组成部分:

import {Renderer} from '@angular/core';
import {ClipboardService} from 'ngx-clipboard/src';

@Component({
  selector: 'app-my',
  templateUrl: '../tmp.html',
  styleUrls: ['../tmp.css']
})
export class MyComponent {
  constructor(
    private renderer: Renderer,
    private clipboardService: ClipboardService
  ) {}

  copy(text) {
    this.clipboardService.copyFromContent(text, this.renderer);
  }
}

尝试在应用程序的声明中添加剪贴簿模块

import {NgModule}                         from '@angular/core';
import {CommonModule}                     from '@angular/common';
import {BrowserModule}                    from '@angular/platform-browser';
import {RouterModule}                     from '@angular/router';
import {ReactiveFormsModule}              from '@angular/forms';
import {ClipboardModule}                  from 'ngx-clipboard';
import {ClipboardService}                 from 'ngx-clipboard/src';

@NgModule({
  imports: [
    CommonModule,
    ClipboardModule,
    BrowserModule,
    RouterModule,
    ReactiveFormsModule
  ],
  declarations: [ClipboardModule],
  providers: [
    ClipboardService
  ]
})

export class MyModule {}

安装ngx剪贴板版本12.1.1

将package.json中的版本从x.x替换为“ngx剪贴板”: “12.1.1”


参考:

您使用的是Angular的哪个版本?您正在从模块和组件网的不同位置导入服务…@Und3rTow v2.4。0@Ric这只是糟糕的复制粘贴,但它不会影响错误