typescript - qz 未定义 qz_tray

我一直在寻找一种解决方案，可以在客户端从 Web 打印此 (https://medium.com/@yehandjoe/angular-2-raw-printing-service-56614d358754) 是我一直遵循的建议使用 qz 托盘来访问打印机。
我已经按原样复制了代码，但它不起作用。

每当执行 getprinters() 函数时，它都会显示“未定义 qz”

我已经使用这些 npm 命令导入了包

npm install qz-tray sha ws

npm install rsvp，这是我的打印机服务代码:

import { Injectable } from '@angular/core';

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/fromPromise';
import 'rxjs/add/observable/throw';
import 'rxjs/add/operator/map';


declare var qz: any;
@Injectable()
export class PrinterService {
constructor() { }

errorHandler(error: any): Observable<any> {
    return Observable.throw(error);
}

// Get list of printers connected
getPrinters(): Observable<string[]> {
    return Observable
        .fromPromise(qz.websocket.connect().then(() => qz.printers.find()))
        .map((printers: string[]) => printers)
        .catch(this.errorHandler);
}

// Get the SPECIFIC connected printer
getPrinter(printerName: string): Observable<string> {
    return Observable
        .fromPromise(qz.websocket.connect().then(() => qz.printers.find(printerName)))
        .map((printer: string) => printer)
        .catch(this.errorHandler);
}

// Print data to chosen printer
printData(printer: string, data: any): Observable<any> {
    // Create a default config for the found printer
    const config = qz.configs.create(printer);
    return Observable.fromPromise(qz.print(config, data))
        .map((anything: any) => anything)
        .catch(this.errorHandler);
}

// Disconnect QZ Tray from the browser
removePrinter(): void {
    qz.websocket.disconnect();
}

}

如果我做错了，请更正，或者我真的很感激任何其他替代解决方案

最佳答案

看起来您需要将 qz 托盘导入您的提供商。

我使用 SHA.js : https://www.npmjs.com/package/sha.js 进行加密并使用 native promise 。

因此，我将以下行添加到现有导入下方的文件顶部:

import * as shajs from 'sha.js';
import * as qz from 'qz-tray';

设置 QZ 的 SHA

记得告诉 QZ 使用新的 sha.js 包:

qz.api.setSha256Type(function (data) {
    return shajs('sha256').update(data).digest('hex')
});

为 QZ 设置 native promise

记得告诉 QZ 使用新的 sha.js 包:

qz.api.setPromiseType(function (resolver) {
    return new Promise(resolver);
});

关于typescript - qz 未定义 qz_tray，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48181466/