我在打字稿项目中使用 react-i18next。我使用的是translate()
HOC,但它已被弃用,因此我已迁移到withNamespaces()
. 过去一切都很好。
现在,当我启动应用程序时,一切都可以正常工作,但在测试期间它失败了:
FAIL src/containers/MainMenu/MainMenu.test.tsx
Test suite failed to run
TypeError: react_i18next_1.withNamespaces is not a function
at Object.<anonymous> (src/components/AppMenu/AppMenu.tsx:17:35)
at Object.<anonymous> (src/components/AppMenu/index.ts:3:17)
at Object.<anonymous> (src/containers/MainMenu/MainMenu.tsx:18:17)
at Object.<anonymous> (src/containers/MainMenu/MainMenu.test.tsx:42:18)
at process._tickCallback (internal/process/next_tick.js:68:7)
这是我的AppMenu
组件:
我的应用是一个非常标准的 Create-React-App 安装。
import {TranslationFunction} from 'i18next';
import * as React from 'react';
import {withNamespaces, WithNamespaces} from 'react-i18next';
import {NavLink} from 'react-router-dom';
export interface IAppMenuProps extends WithNamespaces {
items: IAppMenuItem[];
t: TranslationFunction;
}
function AppMenu({items, t}: IAppMenuProps): JSX.Element {
return (
// ... some stuff here
);
}
export default withNamespaces()(AppMenu);
以及失败的测试文件:
import * as React from 'react';
import {BrowserRouter as Router} from 'react-router-dom';
import {create} from 'react-test-renderer';
import MainMenu from './MainMenu';
describe('MainMenu', () => {
test('Snapshot test', async () => {
const comp = create(
<Router>
<MainMenu />
</Router>
);
expect(comp).toMatchSnapshot();
});
});
我的应用程序是标准的 Create-React-App 安装,所以测试是开玩笑的。
找不到我缺少的东西以使其正常工作,以及为什么它在测试期间而不是在运行时失败。
谢谢!