Error: Zxing functions does not exists. React QR Scanning App答案

【问题标题】：Error: Zxing functions does not exists. React QR Scanning AppError: Zxing functions does not exists. React QR Scanning App
【发布时间】：2023-02-17 08:12:12
【问题描述】：

我正在尝试向我的 React 应用程序添加二维码扫描功能。我正在使用 @zxing(https://www.npmjs.com/package/@zxing/browser & https://www.npmjs.com/package/@zxing/library) 包。

按照自述文件，这是我的 js 代码。我在 aws 上托管了该应用程序，因此它的 SSL 已被覆盖。但我似乎无法弄清楚这个问题。我已经阅读了两者的 git repo 并且函数确实存在（https://github.com/zxing-js/browser/tree/master/src/readers）

import React, { useState, useEffect } from "react";

import {
  NotFoundException,
  ChecksumException,
  FormatException
} from "@zxing/library";

import { BrowserQRCodeReader, BrowserCodeReader } from '@zxing/browser';

export default function() {

  var qrCodeReader = null;
  var codeReader = null;
  var sourceSelect = null;

  console.log("ZXing code reader initialized");

  useEffect(() => {

    codeReader = new BrowserCodeReader();
    qrCodeReader = new BrowserQRCodeReader();

    console.log(codeReader.listVideoInputDevices()); // ISSUE: RETURNS -> listVideoInputDevices() is not a fuction
    console.log(qrCodeReader.listVideoInputDevices());  // ISSUE: RETURNS -> listVideoInputDevices() is not a fuction

    
    console.log("Code Reader", codeReader); // ISSUE: SEE IMAGE BELOW 
    console.log("QR Code Reader", qrCodeReader); // ISSUE: SEE IMAGE BELOW 
    }, []);

【问题讨论】：

标签： reactjs zxing zxing-js

【解决方案1】：

而不是使用导入尝试使用：

` const zxing = require('zxing-js/library');

【讨论】：