具有角度2的QuaggaJS问题
具有角度2的QuaggaJS问题
提问于 2017-03-02 20:32:32
我正在尝试在Angular 2中使用QuaggaJS。我在app文件夹中有quagga.d.ts文件，在组件中有以下导入语句：
import Quagga from './quagga.d';导游说从'quagga‘，但它不工作，但上面的工作
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();
});
}但是，我得到以下错误：
来自core.umd.js的Uncaught (in promise): Error: Error in :0:0 caused by: Cannot read property 'init' of undefined
和
Uncaught (in promise): Error: Error in :0:0 caused by: Cannot read property 'init' of undefined
TypeError: Cannot read property 'init' of undefined来自zone.js
这个错误是什么意思？我搞不懂这事！zone.js有没有bug？
任何帮助都将不胜感激！
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-03-06 19:21:18
将Quagga添加到node_modules运行
npm install quagga --save像往常一样在index.html中添加js和css依赖项，例如
<script src="node_modules/....../qugga.min.js"></script>在app.component.ts中
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();
});
}
}使用ngOnInit而不是构造函数。虽然构造函数只实例化组件，但ngOnInit将在组件加载后调用。
此外，还可以查看https://github.com/serratus/quaggaJS/issues/146，获取下一步需要的其他帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42555644
复制相关文章
相似问题
腾讯云开发者
