未捕获（承诺）：TypeError：无法读取未定义的属性“init”[重复]

Question

我试图让QuggaJS 在我的 Ionic3/Angular4 应用程序中工作。 但我总是得到错误：

Uncaught (in promise): TypeError: Cannot read property 'init' of undefined TypeError: Cannot read property 'init' of undefined at new Scanner 

我真的不知道为什么Quarra是未定义的，因为我正常将它导入到我的项目中？ 首先我做了：

npm install quagga

然后它确实将它导入到我的项目中，如下所示：

import * as Quagga from 'quagga';

但我仍然收到错误消息。

我的 Typescript 代码如下所示：

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import * as Quagga from 'quagga';

@Component({
  selector: 'page-scanner',
  templateUrl: 'scanner.html',
})
export class Scanner {

  constructor(public navCtrl: NavController,
    public navParams: NavParams) {
      Quagga.init({
          inputStream : {
              name : "Live",
              type : "LiveStream",
               // Or '#yourElement' (optional)
              target: document.querySelector('#scanner')
          },
          decoder : {
           //Change Reader for the right Codes
           readers: [ "code_128_reader",
                      "ean_reader",
                      "ean_8_reader",
                      "code_39_reader",
                      "code_39_vin_reader",
                      "codabar_reader",
                      "upc_reader",
                      "upc_e_reader",
                      "i2of5_reader" ],
          }
        }, function(err) {
            if (err) {
                console.log(err);
                return
            }
            console.log("Initialization finished. Ready to start");
            Quagga.start();
        });
  }
}

我真的希望你们能解决这个问题！感谢您的帮助

Answer 1

如果您使用 Angular-CLI，请将其添加到您的 scripts 数组中（对于 webpack 也是如此）：

"scripts": [
        "node_modules/path/qugga.min.js"
      ],

添加这个：

declare var Quagga:any;

导致：

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

import * as Quagga from 'quagga';

@Component({
  selector: 'page-scanner',
  templateUrl: 'scanner.html',
})
export class Scanner {

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

  ngOnInit() {
      Quagga.init({

另外，如果这不起作用，请将您的 Quagga.init({ 移动到 ngOnInit()，以确保组件已完全加载。