Reactjs react管理界面中的文本显示不正确 编辑：已解决

------

“react admin”web界面中的某些文本没有正确重新定义。 版本：2.8.5

“编辑”或“克隆”等默认图标，甚至指向我的资源的链接都呈现错误

如果在字段中显式设置“标签”，则文本将正确呈现

我在github的一个问题（）上看到了一些关于这方面的参考资料，但我不从事翻译或类似的工作

我真的不知道出了什么问题，我怎样才能解决这个问题。。。在以前的版本中，应用程序正在运行

有人能帮我吗

下面的图片示例（对不起，我不得不提供一些信息）：

我的App.js：

// in src/App.js
import React, { Component } from 'react';
import { fetchUtils, Admin, Resource } from 'react-admin';
import jsonServerProvider from 'ra-data-json-server';
import { AcladvList, AcladvEdit, AcladvCreate } from './posts';
import { vmWareList, vmWareShow, vmWareEdit, vmWareCreate } from './vmWare';
import ACLIcon from '@material-ui/icons/Security';
import VMIcon from '@material-ui/icons/Computer';
import Dashboard from './dashboard';
import authProvider from './authProvider';

import customDataProvider from './customDataProvider';
import LoginPage from './LoginPage';
import createHistory from 'history/createBrowserHistory';
import { OidcSettings } from './oidcSettings';

const httpClient = (url, options = {}) => {
    if (!options.headers) {
        options.headers = new Headers({ Accept: 'application/json' });
    }
    const tokenSessionItem = "oidc.user:" + OidcSettings.authority + ":" + OidcSettings.client_id;
    const token = sessionStorage.getItem(tokenSessionItem);
    options.headers.set('Authorization', `${token}`);
    return fetchUtils.fetchJson(url, options);
}

const dataProvider = jsonServerProvider('http://<ommited>/<ommited>',httpClient);
const dataProviderWithCustom = customDataProvider(dataProvider);
const history = createHistory();
//const dataProviderWithCustomResponse = customDataResponse(dataProvider);

class App extends Component {
    render() {
        return (
            <Admin history={history} loginPage={LoginPage} dashboard={Dashboard} dataProvider={dataProviderWithCustom} authProvider={authProvider}>
                <Resource name="acl-adv" options={{ label: 'Regras' }} list={AcladvList} edit={AcladvEdit} create={AcladvCreate} icon={ACLIcon} />
                <Resource name="vm" options={{ label: 'Virtual Machines' }} list={vmWareList} show={vmWareShow} edit={vmWareEdit} create={vmWareCreate} icon={VMIcon} />
            </Admin>
        );
    }
}

export default App;

//在src/App.js中
从“React”导入React，{Component}；
从“react Admin”导入{fetchUtils，Admin，Resource}；
从“ra数据json服务器”导入jsonServerProvider；
从“/posts”导入{AcladvList、AcladvEdit、AcladvCreate}；
从“/vmWare”导入{vmWareList、vmWareShow、vmWareEdit、vmWareCreate}；
从“@material ui/icons/Security”导入ACLIcon；
从“@material ui/icons/Computer”导入VMIcon；
从“/Dashboard”导入仪表板；
从“/authProvider”导入authProvider；
从“/customDataProvider”导入customDataProvider；
从“/LoginPage”导入登录页面；
从“历史记录/createBrowserHistory”导入createHistory；
从“/OidcSettings”导入{OidcSettings}；
常量httpClient=（url，选项={}）=>{
如果（！options.headers）{
options.headers=新的头文件（{Accept:'application/json'}）；
}
const tokenSessionItem=“oidc.user:”+OidcSettings.authority+”：“+OidcSettings.client\u id；
const token=sessionStorage.getItem（tokenSessionItem）；
options.headers.set（'Authorization'，`${token}`）；
返回fetchUtils.fetchJson（url，选项）；
}
const dataProvider=jsonServerProvider（'http://'，httpClient）；
const dataProvider withcustom=customDataProvider（dataProvider）；
const history=createHistory（）；
//const dataProviderWithCustomResponse=customDataResponse（数据提供程序）；
类应用程序扩展组件{
render（）{
返回(
);
}
}
导出默认应用程序；

---

解决了的 好的，我重新安装了react管理员、历史记录和oidc客户端。现在一切正常

---

非常感谢。

您能给我们看看您的

包.json

？另外，如果你用这个沙箱来重现这个问题，那也太棒了：看起来语言包已经从

aor-

变为

ra-

，那么在admin中是否还有什么东西仍然需要

aor language english

@Kamschta，package.json:。Ocaeon，我不是从aor升级，我一直在使用ra。谢谢大家。我会查其他人的信息，只要一张便条。类似于演示中的一个简单代码也是错误的。我以后会试试的。演示中的简单代码：import React from'React'；从“ra数据json服务器”导入jsonServerProvider；从“react Admin”导入{Admin，Resource，ListGuesser}；const dataProvider=jsonServerProvider（'http://jsonplaceholder.typicode.com'); 常量App=（）=>（）；导出默认应用程序提醒您可以回答自己的问题，然后将答案标记为解决方案。您可以向我们展示您的

包.json

？另外，如果你用这个沙箱来重现这个问题，那也太棒了：看起来语言包已经从

aor-

变为

ra-

，那么在admin中是否还有什么东西仍然需要

aor language english

@Kamschta，package.json:。Ocaeon，我不是从aor升级，我一直在使用ra。谢谢大家。我会查其他人的信息，只要一张便条。类似于演示中的一个简单代码也是错误的。我以后会试试的。演示中的简单代码：import React from'React'；从“ra数据json服务器”导入jsonServerProvider；从“react Admin”导入{Admin，Resource，ListGuesser}；const dataProvider=jsonServerProvider（'http://jsonplaceholder.typicode.com'); 常量App=（）=>（）；导出默认应用程序提醒您可以回答自己的问题，然后将答案标记为解决方案。