当我添加 QRScanner 时，Ionic App 显示黑屏

Question

只要我将 QrScanner 模块添加到我的 Ionic 应用程序中，我就会得到一个普通的白色屏幕。

我通过运行以下两个命令安装了插件：

$ ionic cordova plugin add cordova-plugin-qrscanner
$ npm install --save @ionic-native/qr-scanner

之后我将它添加到我的 AppModule 中：

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
    QRScanner
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

一旦我从我的供应商处删除 QRScanner，该应用程序就会显示它应该显示的内容。我正在使用带有 Ionic4 的空白离子应用程序。

我什至尝试了一个教程，但我没有成功

https://medium.com/@piashsarker/native-qr-scanner-implementation-in-ionic-6e1ef01335ea

Answer 1

我用本教程在 ionic3 上测试了它。

所以我的答案是：使用 ionic3

当我添加 QRScanner 时，Ionic App 显示黑屏

Ionic App shows blank screen when I add QRScanner

camera

qr-code

cordova-plugins

ionic4