如何解决SDK初始化过程中出现的这个错误-->错误！DOMException:无法对'WorkerGlobalScope‘执行'importScripts’

Question

我在一个反应项目中工作，因为我正在实现扫描信用卡的Microblink SDK npm，但当我运行该项目时，它在https://www.npmjs.com/package/@microblink/blinkcard-in-browser-sdk初始化期间显示这种错误错误！DOMException:无法对'WorkerGlobalScope‘执行'importScripts’

请帮助解决此问题。

这是我的代码

import React from 'react';
import * as BlinkCardSDK from "@microblink/blinkcard-in-browser-sdk";
import './App.css';


const App = () => {
  if (BlinkCardSDK.isBrowserSupported()) {
    const loadSettings = new BlinkCardSDK.WasmSDKLoadSettings("sRwAAAYJbG9jYWxob3N0r/lOPmg/w35CpOHWK+o8YBgy/pGDcaB7TnbwT8mPpSzcCTWnV/AEyEIWVrcjyzdUSYb2bT0ccHxN4WDKrHoxoLQKBeq+ZukLOK13VwZXeikV4ggv2wrrW162/GIO5hajgqiEATKco+QfglS+OwguBweuacsuRR8UCD/YTdg4ysGMVljN7IIrthHPnmUa0SBOoeReXYvGmrKkVztIZzu9qkZoHu0UwCTN9Xloxa9Srw==");

    BlinkCardSDK.loadWasmModule(loadSettings).then
      (
        (wasmSDK: BlinkCardSDK.WasmSDK) => {
        },
        (error: any) => {
          // console.log('test')
          console.log("Error during the initialization of the SDK!", error);
          // console.log('testnew')
        }
      )
  }
  else {
    console.log("This browser is not supported by the SDK!");
  }
  return (
    <div>
    </div>
  )
}



export default App

如果你有任何问题，请告诉我。

Answer 1

除了许可证密钥，您还需要设置正确的绝对路径到SDK的实际wasm和js支持文件，也就是engineLocation。资源文件需要托管在应用程序可以访问的地方。

在documentation中有更详细的SDK配置说明。

快速附注:可能不建议公开共享您的许可证密钥，即使它只是一个试用密钥。