qz-托盘sha-256未定义
qz-托盘sha-256未定义
提问于 2018-06-19 20:31:38
我正在尝试使用Angular和Qz-Tray打印简单的数据文本。但每次我尝试打印时都会显示错误：
qz-tray.js:35 ReferenceError: Sha256 is not defined
at Object.hash (qz-tray.js:408)
at WebSocket._qz.websocket.connection.sendData (qz-tray.js:184)
at qz-tray.js:280
at j (rsvp.min.js:1)
at new t (rsvp.min.js:1)
at Object.promise (qz-tray.js:395)
at Object.dataPromise (qz-tray.js:272)
at Object.print (qz-tray.js:805)
at PrinterService.push../src/app/shared/services/print.service.ts.PrinterService.printData (print.service.ts:46)
at FoddListComponent.push../src/app/layout/foodlist/foddlist.component.ts.FoddListComponent.createPdf (foddlist.component.ts:122)我已经在index.html中包含了所有3个.js文件
这是我的index.html：
<head>
<meta charset="utf-8">
<title>ABC</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<script src="https://cdn.jsdelivr.net/npm/rsvp@4/dist/rsvp.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/js-sha256/0.9.0/sha256.js"></script>
<script type="text/javascript" src="./qz-tray.js"></script>
回答 3
Stack Overflow用户
发布于 2018-08-28 21:04:22
您可能忘记了导入：
import * as sha256 from 'js-sha256';
qz.api.setSha256Type(function(data) { return sha256(data); });Stack Overflow用户
发布于 2018-09-21 13:46:57
正如@Bart所指出的，这意味着您的导入中缺少sha256。他提供了一个JavaScript (AngularJS)示例，因为您的问题标签中有angular，而您的示例使用的是HTML标签。为了完整起见，下面是HTML要求：
<!-- Required scripts -->
<script type="text/javascript" src="rsvp-3.1.0.min.js"></script>
<script type="text/javascript" src="sha-256.min.js"></script>
<script type="text/javascript" src="qz-tray.js"></script>或者，您可以通过执行以下操作来避免RSVP：
qz.api.setPromiseType(function promise(resolver) { return new Promise(resolver); });而且，如果在兼容浏览器上运行JavaScript的情况下运行HTTPS，您可以通过执行以下操作来避免SHA256：
function sha256 (str) {
// We transform the string into an arraybuffer.
var buffer = new TextEncoder('utf-8').encode(str)
return crypto.subtle.digest('SHA-256', buffer).then(function (hash) {
return hex(hash)
})
}
function hex (buffer) {
var hexCodes = []
var view = new DataView(buffer)
for (var i = 0; i < view.byteLength; i += 4) {
// Using getUint32 reduces the number of iterations needed (we process 4 bytes each time)
var value = view.getUint32(i)
// toString(16) will give the hex representation of the number without padding
var stringValue = value.toString(16)
// We use concatenation and slice for padding
var padding = '00000000'
var paddedValue = (padding + stringValue).slice(-padding.length)
hexCodes.push(paddedValue)
}
// Join all the hex strings into one
return hexCodes.join('')
}
qz.api.setSha256Type(function (data) {
return sha256(data)
})..。但大多数人对@Bart的代码片段都很满意。以下是来自QZ托盘维基，AngularJS部分的完整代码片段：
import * as qz from 'qz-tray';
import * as sha256 from 'js-sha256';
qz.api.setSha256Type(function(data) { return sha256(data); });
qz.api.setPromiseType(function promise(resolver) { return new Promise(resolver); });
qz.websocket.connect()
.then(qz.printers.getDefault)
.then(function(printer) {
console.log("The default printer is: " + printer);
})
.then(qz.websocket.disconnect)
.catch(function(err) {
console.error(err);
});Stack Overflow用户
发布于 2018-10-29 23:45:12
我也有类似的问题。通过require导入sha56模块来解决这个问题。以下是代码。尝试一次，让我知道你是否面临任何问题。
declare var require: any;
import { Injectable } from '@angular/core';
import * as qz from 'qz-tray';
var sha1= require('js-sha256');
qz.api.setSha256Type(function (data) {
var hashed = sha1(data);
return hashed;
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50928530
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号