Reactjs can';t发现模块提升机构无反应静力学

Reactjs can';t发现模块提升机构无反应静力学,reactjs,Reactjs,我正在通过创建博客帖子应用程序来练习React Redux。 我在创建新的post组件时遇到问题。 我已经安装了axios,redux承诺。 我已经安装了react router 4.0.0、react router dom 4.2.2、redux form 6.6.3 1.这是我的src/index.js import React from "react"; import ReactDOM from "react-dom"; import { Provider } from "react-re

我正在通过创建博客帖子应用程序来练习React Redux。 我在创建新的post组件时遇到问题。 我已经安装了axios,redux承诺。 我已经安装了react router 4.0.0、react router dom 4.2.2、redux form 6.6.3

1.这是我的src/index.js

import React from "react";
import ReactDOM from "react-dom";
import { Provider } from "react-redux";
import { createStore, applyMiddleware } from "redux";
import { BrowserRouter, Route, Switch } from "react-router-dom";
import promise from "redux-promise";

import reducers from "./reducers";
import PostIndex from "./components/posts_index";
import PostsNew from "./components/posts_new";

const createStoreWithMiddleware = applyMiddleware(promise)(createStore);

ReactDOM.render(
<Provider store={createStoreWithMiddleware(reducers)}>
<BrowserRouter>
  <div>
    <Switch>
      <Route path="/posts/new" component={PostsNew} />
      <Route path="/" component={PostIndex} />
    </Switch>
  </div>
</BrowserRouter>
</Provider>,
document.querySelector(".container")
);
3.这是reducers/index.js

import axios from "axios";

export const FETCH_POSTS = "FETCH_POSTS";

const ROOT_URL = "http://reduxblog.herokuapp.com/api";
const API_KEY = "?key=SHUVRO1234";

export function fetchPosts() {
const request = axios.get(`${ROOT_URL}/posts${API_KEY}`);
return {
type: FETCH_POSTS,
payload: request
};
}
import { combineReducers } from "redux"; 
import { reducer as formReducer } from "redux-form";
import PostsReducer from "./reducer_posts";

const rootReducer = combineReducers({
posts: PostsReducer,
form: formReducer
});

export default rootReducer;
4.这是行动减速器

import _ from "lodash";
import { FETCH_POSTS } from "../actions";

export default function(state = {}, action) {
switch (action.type) {
case FETCH_POSTS:
return _.mapKeys(action.payload.data, "id");
default:
return state;
}
}
5.这是显示错误的新组件

import React, { Component } from "react";
import { Field, reduxForm } from "redux-form";

class PostsNew extends Component {
renderTitleField(field) {
return (
<div>
<input type="text" {...field.input} />
</div>
);
}
render() {
return (
<form>
<Field name="title" component={this.renderTitleField} />
</form>
);
}
}

export default reduxForm({ form: "PostsNewForm" })(PostsNew);
import React,{Component}来自“React”;
从“redux表单”导入{Field,reduxForm};
类PostsNew扩展组件{
renderTitleField(字段){
返回(
);
}
render(){
返回(
);
}
}
导出默认的reduxForm({form:“PostsNewForm”})(PostsNew);
这是控制台中的错误

bundle.js:20326 Uncaught Error: Cannot find module "hoist-non-react-statics"
at webpackMissingModule (bundle.js:20326)
at Object.<anonymous> (bundle.js:20326)
at Object.invariant (bundle.js:20624)
at __webpack_require__ (bundle.js:20)
at Object.exports.__esModule (bundle.js:19501)
at __webpack_require__ (bundle.js:20)
at Object.<anonymous> (bundle.js:64)
at __webpack_require__ (bundle.js:20)
at Object.<anonymous> (bundle.js:47)
at __webpack_require__ (bundle.js:20)
bundle.js:20326未捕获错误:找不到模块“提升非反应静态”
在webpackMissingModule(bundle.js:20326)
反对。(bundle.js:20326)
at Object.invariant(bundle.js:20624)
at\uuuuu网页包\uuuuuu需要(bundle.js:20)
在Object.exports.\uu esModule(bundle.js:19501)
at\uuuuu网页包\uuuuuu需要(bundle.js:20)
反对。(bundle.js:64)
at\uuuuu网页包\uuuuuu需要(bundle.js:20)
反对。(bundle.js:47)
at\uuuuu网页包\uuuuuu需要(bundle.js:20)
请帮助我解决此错误

只需运行“npm i提升无反应静力学”
希望它能有所帮助,因为这是一个网页错误:您是否记得阅读您安装的软件包的所有README.md说明?因为其中一个可能解释说它依赖于网页包配置中的特殊说明,没有这些说明,您将看到类似的错误。谢谢,在npm中安装提升非反应方法解决了此错误