模块 'AppModule' 声明了意外值 'Calendar'。请添加@Pipe/@Directive/@Component注解

Question

我正在使用 ionic 3.9.2，当我尝试实现 ionic-native 日历时出现此错误。首先，我使用这两个命令安装了模块：

 ionic cordova plugin add cordova-plugin-calendar
 npm install --save @ionic-native/calendar@4

我已经在 app.module.ts 中导入了这个：

import { Calendar } from '@ionic-native/calendar';
@NgModule({
  declarations: [
    Calendar
  ],

这是我使用日历的页面：

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Calendar } from '@ionic-native/calendar';

@IonicPage()
@Component({
  selector: 'page-films',
  templateUrl: 'films.html',
})
export class FilmsPage {

  constructor(public navCtrl: NavController, public navParams: NavParams,private calendar: Calendar) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad FilmsPage');

   this.calendar.createCalendar('MyCalendar').then(
      (msg) => { console.log(msg); },
      (err) => { console.log(err); }
    );

  }

}

我收到这个错误：

模块 'AppModule' 导入了意外值 'Calendar'。请添加@NgModule 注解。

Answer 1

模块的声明数组只包含指令（所以@Directive、@Pipe 和@Component）。

您需要将 Calendar 移动到模块的 providers 数组中：

import { Calendar } from '@ionic-native/calendar';
@NgModule({
  providers: [
    Calendar
  ],

模块 'AppModule' 声明了意外值 'Calendar'。请添加@Pipe/@Directive/@Component注解

Unexpected value 'Calendar' declared by the module 'AppModule'. Please add a @Pipe/@Directive/@Component annotation

calendar

cordova

ionic-framework

angular