如何让Tesseract与Angular2一起工作？

Question

我试图在一个我的组件中使用Tesseract来执行文件上的ocr。

.ts:

import * as Tesseract from 'tesseract.js';

fileToUpload: File = null;
handleFileInput(files: FileList) {
    this.fileToUpload = files.item(0);
  }
imageOcr() {
    Tesseract.recognize(this.fileToUpload)
      .progress(message => console.log(message))
      .catch(err => console.error(err))
      .then(res => console.log(res))
      .finally(resultOrError => console.log(resultOrError));
 }

.html

<div>
  <h6>Local Image OCR</h6>
  <input type="file" accept=".jpg,.png,.jpeg,.webp"  (change)="handleFileInput($event.target.files)">
  <button (click)="imageOcr()">click</button>
</div>

我遵循了这个，但是这个错误显示了

"blob:http://localhost:4200/65999042-8757-4264-b92d-ed5e0a0e4c27:1 Uncaught DOMException: Failed to execute 'importScripts' on 'WorkerGlobalScope': The script at 'http://localhost:4200/dist/worker.dev.js?nocache=qf0eq67rus' failed to load.
    at blob:http://localhost:4200/65999042-8757-4264-b92d-ed5e0a0e4c27:1:1"

我应该怎么做才能让这个工作成功？

Answer 1

不需要使用另一个typescript包装依赖项，如果不使用它也可以这样做的话。

>

您需要安装实际的javascript模块：

npm安装tesseract。js——保存

还要安装@types声明：

npm安装@types/tesseract。js——保存

最后执行以下导入操作：

import*作为Tesseract从“Tesseract”导入。js'

像这样使用它

let filename='assets/img/abcdefg。jpg’Tesseract。识别（文件名）。进度（函数（p）{console.log（'progress'，p）}）。抓住（错误）=

Answer 2

如果其他人遇到了这个问题，下面是我找到的解决方案： tesseract打字脚本包装器。

这里有一个到github的链接