Javascript 对象不是React Native中的构造函数

我正在编写一个React原生应用程序

我正在尝试使用KeyClope进行身份验证

我正在使用

react keydape

库

这是我的密码：

import Keycloak from "keycloak-js";
import { KeycloakProvider } from "react-keycloak";
import keycloak_config from "./config/keycloak.json";
const keycloak = new Keycloak(keycloak_config);

这将引发以下错误：

然而，这就是这个库的文档建议使用它的方式，我以前在其他项目中对它进行过测试，效果很好

这是怎么回事？这是一个具体的问题吗

我被要求提供keydave.json，所以它是：

keydape.json：

{
  "resource": "client-name",
  "realm": "realm-name",
  "ssl-required": "external",
  "public-client": true,
  "confidential-port": 0,
  "clientId": "client-name",
  "url": "https://example-domain-here.com/auth",
  "auth-server-url": "https://example-domain-here.com/auth",
  "credentials": {
    "secret": "alphanumeric-hash-from-keycloak"
  }
}

---

一种可能的解决方案可能与allowSyntheticDefaultImports？Post

keydape.json

有关。@ravibagul91发布了它，这就是node.js适配器。我不会使用纯JS适配器吗这里，与您的链接相反