ionic'DocumentScanner'指的是一个值,但此处被用作类型

时间:2019-10-21 20:15:24

标签: javascript angular ionic-framework ionic4

我有以下代码:

import {Component} from '@angular/core';
import {DocumentScanner, DocumentScannerOptions, DocumentScannerSourceType} from '@ionic-native/document-scanner';

@Component({
    selector: 'app-tab2',
    templateUrl: 'tab2.page.html',
    styleUrls: ['tab2.page.scss']
})
export class Tab2Page {

    constructor(private documentScanner: DocumentScanner) {
    }

    scan() {
        const opts: DocumentScannerOptions = {
            sourceType: DocumentScannerSourceType.CAMERA,
            fileName: 'ticketScan.png',
            quality: 100,
            returnBase64: true
        };
        this.documentScanner.scanDoc(opts)
            .then((res: string) => console.log(res))
            .catch((error: any) => console.error(error));
    }
}

运行此命令时出现以下错误:

11:42 'DocumentScanner' refers to a value, but is being used as a type here.

谁能告诉我为什么会这样?

2 个答案:

答案 0 :(得分:1)

您需要在app.module.ts文件中导入DocumentScanner

import { DocumentScanner } from '@ionic-native/document-scanner/ngx';

并将其添加到提供程序数组

providers: [
.....
   DocumentScanner ,
.....
]

也在您的page.ts文件中,添加/ ngx / ;;在文档扫描仪导入路径之后

import { DocumentScanner } from '@ionic-native/document-scanner/ngx/';

希望有帮助。

答案 1 :(得分:0)

here所述,如果您项目中的任何文件缺少/ngx导入,即使存在/ngx的文件也可能引起问题。

因此,您应该检查每个文件是否缺少/ngx导入。