问题描述
首先,我想说这个类别中的问题的其他答案都不能解决我的问题。 在 npm 测试期间,我收到以下错误:
失败 src/App.test.js × 渲染应用程序(74 毫秒)
● 渲染应用
**Could not find "store" in the context of "Connect(App)". Either wrap the root component in a <Provider>,or pass a custom React context provider to <Provider> and the corresponding React context consumer to Connect(App) in connect options.**
6 | test('renders App',() => {
7 | const div = document.createElement('div');
8 | ReactDOM.render(,div); | ^ 9 | ReactDOM.unmountComponentAtNode(div); 10 | }); 11 |
这是测试代码:
import React from 'react';
import '@testing-library/jest-dom';
import App from './App';
import * as ReactDOM from "react-dom";
test('renders App',() => {
const div = document.createElement('div');
ReactDOM.render(<App />,div);
ReactDOM.unmountComponentAtNode(div);
});
这是 App.jsx(我也尝试使用扩展名 .js 但没有区别):
import React from 'react';
import './App.css';
import {Switch,Route,Redirect} from 'react-router-dom';
import Header from "./components/header/header.component";
import HomePage from "./components/homepage/homepage.component";
import Categories from "./components/categories/categories.component";
import Jokes from "./components/jokes/jokes.component";
import Search from "./components/search/search.component";
import SignIn from "./components/sign-in/sign-in.component";
import {connect} from "react-redux";
class App extends React.Component {
render() {
const {currentUser} = this.props;
return (
<div>
<Header/>
<Switch>
<Route exact path='/' render={() => <HomePage/>}/>
<Route path='/categories' render={() => <Categories/>}/>
<Route path='/jokes' render={() => <Jokes/>}/>
<Route path='/search' render={() => <Search/>}/>
<Route
exact
path='/sign-in'
render={() =>
currentUser
? <Redirect to='/'/>
: <SignIn/>}
/>
</Switch>
</div>
);
}
}
const mapStatetoProps = state => ({
currentUser: state.user.currentUser
})
导出默认连接(mapStatetoProps)(App); index.js 文件如下:
import React from 'react';
import './index.css';
import App from './App';
import {browserRouter} from "react-router-dom";
import {Provider} from "react-redux";
import store from "./redux/store";
import * as ReactDOM from "react-dom";
ReactDOM.render(
<Provider store={store}>
<browserRouter>
<React.StrictMode>
<App/>
</React.StrictMode>
</browserRouter>
</Provider>,document.getElementById('root')
);
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)