反应管理控制台错误：未知的数据提供者功能：toJSON答案

【问题标题】：react admin console Error: Unknown dataProvider function: toJSON反应管理控制台错误：未知的数据提供者功能：toJSON
【发布时间】：2022-11-21 16:54:42
【问题描述】：

我在 react-admins simple-rest-provider 中遇到了一个问题。

我有一个自定义的 httpClient，我在简单的休息提供程序中使用它。

import { fetchUtils } from 'react-admin';
import simpleRestProvider from 'ra-data-simple-rest';

const httpClientWithAuth = async (
    url: string,
    options?: fetchUtils.Options,
) => {
    const optionsNew = { ...options };
    optionsNew.headers = new Headers(
        optionsNew.headers || { Accept: 'application/json' },
    );

    return fetchUtils.fetchJson(url, optionsNew);
};

const dataProvider = simpleRestProvider(API_URL, httpClientWithAuth);

<Admin dataProvider={dataProvider}>
    ...
</Admin>

得到控制台错误

Error: Unknown dataProvider function: toJSON
    at Proxy.<anonymous> (useDataProvider.ts:96:31)
    at JSON.stringify (<anonymous>)
    at Object.parseData (<anonymous>:8:116)
    at <anonymous>:10:2186
    at Array.reduce (<anonymous>)
    at <anonymous>:10:2114
    at i (<anonymous>:10:2706)
    at t.onCommitFiberRoot.t.onCommitFiberRoot (<anonymous>:10:3098)
    at onCommitRoot (react-dom.development.js:4876:22)
    at commitRootImpl (react-dom.development.js:26887:3)

应用程序正在运行，获取的数据看起来是正确的，但我无法摆脱 react_devtools_backend 的控制台错误。

我使用 jsonplaceholder api 创建了一个最小的 react-admin 应用程序。即使在那里，每次都会出现控制台错误。

【问题讨论】：

标签： react-admin dataprovider react-devtools

【解决方案1】：

如果您使用的是 JSONPlaceholder API，为什么不使用 ra-data-json-server 而不是 ra-data-simple-rest？前者是为该 API 语言设计的。

至于您的错误，最新的 react-admin 代码库没有单个 toSJON 调用。所以错误一定来自您安装中的另一个包。而且您的错误消息没有帮助，因为跟踪仅显示 <anonympus>...

【讨论】：