首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在使用BarcodeScanner时,我的离子应用程序出现了以下错误

在使用BarcodeScanner时,我的离子应用程序出现了以下错误
EN

Stack Overflow用户
提问于 2019-02-11 11:02:55
回答 1查看 1.2K关注 0票数 0

我正在开发一个应用程序来读取正在使用BarcodeScanner的代码,但是当我在设备上执行应用程序时,会得到以下错误

**

**在我的iPhone6上运行错误,使用离子Object(_WEBPACK_IMPORTED_MODULE_1_ionic_native_core_"cordova")is错误运行时错误DevApp,而不是函数。(在'Object(_WEBPACK_IMPORTED_MODULE_1_ionic_native_core_"cordova")(this,“扫描”,{“callbackOrder”:“反向”},参数)‘,'Object(_WEBPACK_IMPORTED_MODULE_1_ionic_native_core_"cordova")'is是对象的一个实例)

在离子服务器中执行时显示的错误,错误TypeError: Object(.)BarcodeScanner.scan (index.js:31) at MenuPage.webpackJsonp.101.MenuPage.scanQR (menu.ts:53) at Object.eval as handleEvent at handleEvent (core.js:13589) at callWithDebugContext (core.js:15098) Object.debugHandleEvent as handleEvent at dispatchEvent (core.js:10004) at core.js:10629 at HTMLButtonElement。(platform-browser.js:2628) at t.invokeTask (polyfills.js:3) **

一开始,我的应用程序module.ts没有识别出BarcodeScanner,因为在providers me中调用它时,TS2322:键入'BarcodeScannerOriginal‘不能指定为'Provider’。键入“BarcodeScannerOriginal”不能指定键入“FactoryProvider”。属性'provide‘在'BarcodeScannerOriginal’类型中缺失

** Menu.html

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<ion-header class="toolbar">
  <ion-navbar>
    <ion-title>Scan</ion-title>
  </ion-navbar>

</ion-header>

<ion-content padding class="Scan">
  <div class="row">
    <div class="col">
      <h2>Scan your QR Code Here</h2>
    </div>
    <div class="col">
      <h3>{{eventTitle}}</h3>
    </div>
  </div>
  <button ion-button block color="secondary" class="Scan-button" (click)="scanQR()" [disabled]="loading">{{buttonText}}</button>
</ion-content>

Menu.ts

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import { Component } from '@angular/core';
import {Platform} from "ionic-angular";
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';
import { ToastController } from 'ionic-angular';
import { BarcodeScanner, BarcodeScannerOptions } from '@ionic-native/barcode-scanner/ngx';


/**
 * Generated class for the MenuPage page.
 *
 * See https://ionicframework.com/docs/components/#navigation for more info on
 * Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-menu',
  templateUrl: 'menu.html',
})
export class MenuPage {

  public scannedText: string;
  public buttonText: string;
  public loading: boolean;
  private eventId: number;
  public eventTitle: string;

  num: string;

  // @ts-ignore
  constructor(private _nav: NavController,
              private _navParams: NavParams,
              private _barcodeScanner: BarcodeScanner) {



  }
  ionViewDidLoad() {
    this.eventId = this._navParams.get('eventId');
    this.eventTitle = this._navParams.get('eventTitle');

    this.buttonText = "Scan";
    this.loading = false;
  }

  public scanQR() {
    this.buttonText = "Loading..";
    this.loading = true;

    this._barcodeScanner.scan().then((barcodeData) => {
      if (barcodeData.cancelled) {
        console.log("User cancelled the action!");
        this.buttonText = "Scan";
        this.loading = false;
        return false;
      }
      console.log("Scanned successfully!");
      console.log(barcodeData);
      this.goToResult(barcodeData);
    }, (err) => {
      console.log(err);
    });
  }

  private goToResult(barcodeData) {
    this._nav.push(ScanResultPage, {
      scannedText: barcodeData.text
    });
  }
}

app-module.ts

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import {MenuPage} from "../pages/menu/menu";
import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';
import { HttpClientModule } from '@angular/common/http';

import { FormsModule } from '@angular/forms';
import {HttpModule} from "@angular/http";


// @ts-ignore
@NgModule({
  declarations: [
    MyApp,
    HomePage,
    MenuPage
  ],
  imports: [
    BrowserModule, HttpClientModule,
    IonicModule.forRoot(MyApp),
    HttpModule
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage,
    MenuPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    BarcodeScanner,
    {provide: ErrorHandler, useClass: IonicErrorHandler}




  ]


})
export class AppModule {}

在这里输入图像描述

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-02-11 22:08:29

我猜你在Ionic 3上,但是你使用的是Ionic 4支持的本地插件版本。

溶液

卸载cordova和离子本机插件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$ionic cordova plugin remove phonegap-plugin-barcodescanner
$npm uninstall @ionic-native/barcode-scanner

安装版本4

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$ ionic cordova plugin add phonegap-plugin-barcodescanner
$ npm install --save @ionic-native/barcode-scanner@4

并且不要在导入的末尾添加ngx

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import { BarcodeScanner } from '@ionic-native/barcode-scanner';

Note

如果您正在使用Ionic 3,请尝试使用Ionic v3指南而不是最新的指南。

离子v3指南https://ionicframework.com/docs/v3/native/barcode-scanner/

要获得完整的解释,您可以在这里找到我的另一个答案:https://stackoverflow.com/a/54474247/6617276

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54637378

复制
相关文章
在eclipse中使用Tomcat8.5时,出现了如下错误:
在建立Tomcat服务时,eclipse会自动生成一个Servers的项目. 在这个项目中,找到你部署项目的服务文件夹. 在这个文件夹下有一个"server.xml"文件,打开这个文件,删除里面对应项目的Context节点即可。
兮动人
2021/06/11
3.7K0
在eclipse中使用Tomcat8.5时,出现了如下错误:
Typecho评论时可能出现的错误
根据URL得知应该是在发评论的时候出现的错误。很奇怪,因为很久之前这位博友jiuki's blog也给我反馈过一次。说明这问题不是偶然出现的,所以必须要解决才行。
Melody132
2020/03/13
1.5K0
DW 在onload运行recordset find.html时 发生了以下javascript错误
这两天打开Dreamweaver CS5,总是弹出一个错误,写着:   在onLoad运行RecordsetFind.htm时,发生了以下JavaScript错误:   在文件“RecordsetFind”中:   findRsisnotdefined   在关闭Dreamweaver的时候也会弹出一个类似的错误, 原因:DW 的配置信息出错了,可能是上次使用非法关闭造成的。   在网上查了一下,找到了解决方法。   方法如下: 删除该目录中对应的Dreamweaver版本文件夹。 xp系统,目录 C:/
deepcc
2018/05/16
1.6K0
SSH连服务器时,连接不上,出现以下错误的原因与解决办法
一.ssh: connect to host 192.168.110.249 port 22: Connection refused错误的原因与解决办法
入门笔记
2022/11/14
14K0
XP出现应用程序错误怎么办
电脑用久了总是会出现这样或者那样的问题,其中最常见的就是应用程序错误了。相信很多用户都遇到过应用程序错误,但是却不知道怎么办?其实解决方法很简单,下面就由小编教大家XP出现应用程序错误的解决方法吧!
牛肉面
2021/03/24
1.2K0
访问网时出现403 Forbidden错误的原因:
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/113700.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/07
10.1K1
IDEA远程提交hadoop任务时出现的错误
上述问题解决:开启historyserver服务 mr-jobhistory-daemon.sh start historyserver
ZONGLYN
2019/08/08
2.3K0
TypeError: 'module' object is not callable (pytorch在进行MNIST数据集预览时出现的错误)
在使用pytorch在对MNIST数据集进行预览时,出现了TypeError: 'module' object is not callable的错误:
陶陶name
2022/05/12
2K0
struts中使用this.addFieldError时出现错误解决办法
Struts has detected an unhandled exception: Messages: No result defined for action geekfly.action.LoginAction and result input Stacktraces No result defined for action geekfly.action.LoginAction and result input
geekfly
2022/05/06
2.7K0
navicat连接mysql时出现2003(10060)错误
参考http://jingyan.baidu.com/article/95c9d20dac9040ec4f75617a.html,发现是防火墙未关闭;
全栈程序员站长
2021/06/21
8.1K1
navicat连接mysql时出现2003(10060)错误
使用Mybatis反配置逆向工程,出现以下错误或者很多错误可以试试这个,错误eg:This is not a MyBatis Generator Configuration File
直接去官网的xml文件的案例中,把案例的头部分拷贝到你的文件中 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE generatorConfigurat
知识浅谈
2020/10/29
6290
Eclipse保存文件时出现字符编码错误
eclipse 由于开源所以支持了比较杂的编码方式,而这些一个工程导入时添加了不少的外来程序,由于不是同一工程一次编码带来了其中含有 GBK 或 UTF8 或 UTF16 或 ASCII 等文件编译时就会出现错误警告。
黑泽君
2018/10/11
3.4K0
使用el-upload进行服务端直传时出现错误
👨‍💻个人主页: 才疏学浅的木子 🙇‍♂️ 本人也在学习阶段如若发现问题,请告知非常感谢 🙇‍♂️ 📒 本文来自专栏: 问题(BUG)集合 🌈 每日一语:BUG不再来临 🌈 项目场景: 使用el-upload标签获取Java服务端签名直传 ---- 问题描述 第一次发送给oss的请求不会携带上数据而第二次就会携带上一次的数据 <el-upload class="avatar-uploader" action="# :data="policyOb
才疏学浅的木子
2022/11/13
2.8K0
使用el-upload进行服务端直传时出现错误
解决在打开word时,出现 “word 在试图打开文件时遇到错误” 的问题(亲测有效)[通俗易懂]
最近在网上查找期刊论文的模板时,发现从期刊官网下载下来的论文格式模板,在本地用word打开时,出现错误,情况如下
全栈程序员站长
2022/09/03
4.3K0
解决在打开word时,出现 “word 在试图打开文件时遇到错误” 的问题(亲测有效)[通俗易懂]
今天使用npm search的时候出现了一段错误
修改配置文件 `/usr/local/etc/npmrc` 为使用官方的registry后正常:
前Thoughtworks-杨焱
2021/12/08
8620
关于首次运行Hadoop的Grep案例时出现的错误
重点关注这句“19/05/14 18:26:55 INFO metrics.MetricsUtil: Unable to obtain hostName java.net.UnknownHostException: hadoop101: hadoop101: Temporary failure in name resolution”,其为hostname可能存在问题,因此去查看/etc/sysconfig/network文件和/etc/hosts文件,发现其network文件中的“HOSTNAME=”后多打了一个空格,把其去掉,即可,问题解决
可定
2020/04/20
4.5K0
Python帮你分析孙猴子在大闹天宫时出现了几回?
由于该库是第三方库,并不是Python自带的模块,因此需要通过pip命令进行安装,pip安装命令如下:
灰小猿
2022/05/05
3470
Python帮你分析孙猴子在大闹天宫时出现了几回?
我在使用 Go 过程中犯过的低级错误
循环迭代器变量是一个在每次循环迭代中采用不同值的单个变量。如果我们一直使用一个变量,可能会导致不可预知的行为。
用户5166556
2023/03/18
2.1K0
我在使用 Go 过程中犯过的低级错误
JavaScript 使用 for 循环时出现的问题
有一些项目组在定位问题的时候发现,在使用 “for(x in array)” 这样的写法的时候,在 IE 浏览器下,x 出现了非预期的值。
四火
2022/07/15
4K0
JavaScript 使用 for 循环时出现的问题
点击加载更多

相似问题

我在构建Android时出现了以下错误

21

我使用的角工厂出现了以下错误

14

我在weblogic 10.3.6启动时出现了以下错误

13

为什么我在使用sklearn.linear_model的Lasso时出现了以下错误?

23

部署Firebase函数时出现了以下错误

32
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文