Angular 带角2问题的QuaggaJS

我试着用QuaggaJS和Angular 2。我在app文件夹中有quagga.d.ts文件，在组件中有以下导入语句：

import Quagga from './quagga.d';

指南上写的是“嘎嘎”，但不起作用，但上面写的有效

declare const Quagga = require('quagga').default;

我在组件的构造函数中有如下代码：

constructor() { 

    Quagga.init({
    inputStream : {
      name : "Live",
      type : "LiveStream",
      target: document.querySelector('#yourElement')    // Or '#yourElement' (optional)
    },
    decoder : {
      readers : ["code_128_reader"]
    }
  }, function(err) {
      if (err) {
          console.log(err);
          return
      }
      console.log("Initialization finished. Ready to start");
      Quagga.start();
  });


 }

但是，我得到以下错误：

Uncaught（承诺中）：错误：0:0中的错误，原因是：无法从core.umd.js读取未定义的

的属性“init”

及

来自zone.js

这个错误意味着什么？我搞不懂！zone.js有bug吗

---

任何帮助都将不胜感激

将Quagga添加到

节点\u模块

运行

npm install quagga --save

像往常一样，在

index.html

中添加

js

和

css

依赖项 比如说

<script src="node_modules/....../qugga.min.js"></script>

使用

ngOnInit

而不是构造函数。虽然构造函数仅实例化组件，但在加载组件后将调用

ngOnInit

另外，看看

---

有关下一步需要的其他帮助。

angular cli

或

webpack

或

systemjs

？很抱歉，我是新手-我有一个systemjs.config.js文件

<script src="node_modules/....../qugga.min.js"></script>

import { Component, OnInit } from '@angular/core';
declare var Quagga:any;
@Component({
  selector: 'app-root',
  template: `<router-outlet></router-outlet>`
})
export class AppComponent implements OnInit {
  ngOnInit() {
      Quagga.init({
        inputStream : {
          name : "Live",
          type : "LiveStream",
          target: document.querySelector('#yourElement')    // Or '#yourElement' (optional)
        },
        decoder : {
          readers : ["code_128_reader"]
        }
      }, function(err) {
          if (err) {
              console.log(err);
              return
          }
          console.log("Initialization finished. Ready to start");
          Quagga.start();
      });
  }

}