SSR with react-router without redux

react
1

Hello friends .
I have been struggling with an issue for some time.
SSR works without react - router.
But when I use react-router, ssr no longer works.
i need Help.

2

its working while my App’s Codes are Simple like this :

import React from 'react';

export default () => <h1>you a Bitch!</h1>;

But During using React-Router it can’t Work

<Router>
                <Switch>
                    <Route path='/admin-panel/:path?' exact>
                        <PanelAdminLayout>
                            <Switch>
                                <Route path='/admin-panel' exact component={PanelAdminIndex} />
                                <Route path='/admin-panel/setting' component={PanelAdminSetting} />
                            </Switch>
                        </PanelAdminLayout>
                    </Route>
        
                    <Route path='/user-panel/:path?' exact>
                        <PanelUserLayout>
                            <Switch>
                                <Route path='/user-panel' exact component={PanelUserIndex} />
                            </Switch>
                        </PanelUserLayout>
                    </Route>
        
                    <Route>
                        <PagesLayout>
                            <Switch>
                                <Route path='/' exact component={PagesIndex} />
                                <Route path='/login' exact component={Login} />
                                <Route path='/register' exact component={Register} />
                            </Switch>
                        </PagesLayout>
                    </Route>
        
                </Switch>
            </Router>

Note : All of that is while all of the Components is imported correctly.

3

i used this code in Server while its running :

import React from 'react';
import { renderToNodeStream } from 'react-dom/server';
import { onPageLoad } from 'meteor/server-render';

import {Routes} from '../client/Routes';

onPageLoad(sink => {
  sink.renderIntoElementById('App', renderToNodeStream(
    <Routes location={sink.request.url} />
  ));
});

I am facing this error at this time :

Cannot find module '../client/Routes'```
4

By default, server code will not be able to find any files under a folder named “client”

1 Like