import React from "react";
import ReactDOM from "react-dom";
// import {createStore} from "redux";
// import {Provider} from "react-redux";
import App from "./App.js";
import reducer from "./reducers/index.js"
// let store = createStore(reducer);
ReactDOM.render(
// <Provider store={store}>
// <App></App>
// </Provider>
<App></App>
,
document.getElementById("app-container")
)
the above code, packaged with webpack, can be compiled normally, and the content of the app component can be displayed in the browser.
but only import import {createStore} from "redux" or / / import {Provider} from "react-redux";
/ / Import without redux is normal, but importing redux is a problem, because no redux can be compiled normally, and some possibilities can be excluded
import React from "react";
import ReactDOM from "react-dom";
// import {createStore} from "redux";
import {Provider} from "react-redux";
import App from "./App.js";
import reducer from "./reducers/index.js"
// let store = createStore(reducer);
ReactDOM.render(
// <Provider store={store}>
// <App></App>
// </Provider>
<App></App>
,
document.getElementById("app-container")
) 