在 ReactJS 应用程序中集成 Xero 会导致错误

Question

我正在处理 Xero 集成，但在从 SDK 设置 XeroClient 时遇到了一些问题。我们目前正在使用 Typescript 编写 React 应用程序。

目前我正在像这样导入 Xero SDK：

import { XeroClient } from 'xero-node';

并像这样定义客户端：

const xero = new XeroClient({
   clientId: client_id,
   clientSecret: client_secret,
   redirectUris: [redirectUri],
   scopes: scopes.split(' '),
});

Xero 节点版本：4.0.6

反应版本：16.12.0

但是在编译应用程序时出现以下错误。您对可能发生的事情有任何想法吗？ Console Logs Browser Error

可能与此有关existing question。

Answer 1

目前 xero-node 项目需要后端进行身份验证。这是 React SPA，还是您只是在组件中设置 API 调用？

Will OAuth 2.0 support desktop/mobile/single-page apps that can’t keep a client secret confidential?

目前，我们要求您的应用可以对客户机密进行保密。我们目前正在评估 PKCE 扩展以更好地支持 SPA 和移动应用程序。

https://developer.xero.com/faq/oauth2/oauth-non-secret

您的控制台错误看起来只是 Unused vars 表达式。以下是有关它的一些上下文 (https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/no-unused-vars.md)

你的辅助浏览器错误让我认为你使用的是旧版本的 Node..我们需要添加一个 .npmrc 来强制支持节点版本 - 你使用的是旧的 Node VSN 吗？

在 ReactJS 应用程序中集成 Xero 会导致错误

Integration Xero in ReactJS application causes errors

reactjs

xero-api