【问题标题】:No provider for Camera-Injection-Error (with provider in Module.ts) in Ionic AngularIonic Angular 中没有 Camera-Injection-Error 的提供者(在 Module.ts 中有提供者)
【发布时间】:2022-12-17 12:55:40
【问题描述】:

我正在尝试使用 ionic/ngx 相机制作一个带有 ionic-angular 的应用程序,但尽管在 module.ts 部分添加了相机提供程序,但我仍然收到此错误。

This is the error

这是我的 module.ts

    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { RouteReuseStrategy } from '@angular/router';


    import { IonicModule, IonicRouteStrategy } from '@ionic/angular';

    import { AppComponent } from './app.component';
    import { AppRoutingModule } from './app-routing.module';

    import { IonicStorageModule } from '@ionic/storage-angular';
    import {AuthGuardService} from './services/auth-guard.service';
    import {AuthenticationService} from './services/authentication.service';
    import {Storage} from '@ionic/Storage';
    import { HttpClientModule } from '@angular/common/http';
    import { QRCodeModule } from 'angularx-qrcode';
    **import { Camera } from '@ionic-native/camera/ngx';**


    @NgModule({
    declarations: [AppComponent],
    imports: [ BrowserModule, IonicModule.forRoot(), AppRoutingModule,IonicStorageModule.forRoot(),                         QRCodeModule],
    providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }, **Camera**],
    bootstrap: [AppComponent],
    })
    export class AppModule {}

我尝试使用的方法是这个

 export class PhotoService{
  constructor(private camera: Camera){}




    takePicture(){
      const fotito = Image;
      const options: CameraOptions ={
        quality: 100,
        destinationType: this.camera.DestinationType.DATA_URL,
        encodingType: this.camera.EncodingType.JPEG,
        mediaType: this.camera.MediaType.PICTURE,
      }


    this.camera.getPicture(options).then((imageData) => {imageData= fotito

    },(err) =>{console.log('Problemas de camara' + err);

  })
  return(fotito);
 }
}

【问题讨论】:

  • 照片服务不在此模块中。
  • 为什么会这样? PhotoService 在 service.ts 中,它使用 Camera

标签: javascript android angular ionic-framework mobile


【解决方案1】:

您需要在使用相机插件的模块中提供相机,您将其错误地放置在 app.component 中,将其移动到使用相机的组件中。

【讨论】:

    猜你喜欢
    • 2017-12-28
    • 1970-01-01
    • 2018-05-09
    • 2018-09-22
    • 2020-05-12
    • 2018-03-01
    • 2017-08-13
    • 2015-08-15
    • 1970-01-01
    相关资源
    最近更新 更多