Я пытаюсь выполнить рендеринг на стороне сервера для моего приложения React Js. Я слежу за этим курсом от Удеми
Когда я пытался импортировать renderRoutes
из react-router-config
в мой файл client.js, он показывает ниже ошибку на Terminal.Но я уже установил react-router-config
в мое приложение.
Client.js
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { BrowserRouter, Route, Switch, Redirect } from 'react-router-dom';
import Routes from './Routes';
import { createStore, applyMiddleware, compose } from 'redux';
import promise from 'redux-promise';
import thunk from 'redux-thunk';
import { hotjar } from 'react-hotjar';
import reducers from './reducers';
import { HOTJAR_ID, HOTJAR_VERSION } from './common/common';
import { renderRoutes } from 'react-router-config';
const createStoreWithMiddleware = applyMiddleware(promise)(createStore);
hotjar.initialize(HOTJAR_ID, HOTJAR_VERSION);
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(reducers, composeEnhancers(
applyMiddleware(promise, thunk)
));
ReactDOM.render(
<Provider store={store}>
<BrowserRouter>
<div>{renderRoutes(Routes)}</div>
</BrowserRouter>
</Provider>, document.querySelector('#root'));
Package.json