Server side rendering have no effect in 3.0.x

Hi! I have writen a ssr demo using 2.2.3,here is my demo. Now i want to upgrade loadable-components from 2.2.3 to 3.0.x,only a few things have been done

1. Upgrade babel to 7.x.
2. Replace all import Loadable from "loadable-components"; with import Loadable from "@loadable/component";.
3. Replace babel plugin loadable-components/babel with "@loadable/babel-plugin".
4. Using dynamic mode in src/server.js replace old api

.

server.js

const ReactDOMServer = require("react-dom/server");
const { LoadableState } = require("@loadable/server");
// ...

let component = createApp(context, req.url, store);

const loadableState = new LoadableState();
const loadableComponent = loadableState.collectChunks(component);
// ...

let html = ReactDOMServer.renderToString(loadableComponent);

let htmlStr = template
    // some code
    .replace("<!--react-ssr-outlet-->", 
    `<div id='app'>${html}</div>\n${loadableState.getScriptTags()}`);

After call ReactDOMServer.renderToString(),i call loadableState.getScriptTags(),but return <script>window.__LOADABLE_STATE__ = [];</script>

Thanks

[gregberge]

You must use loadable and not Loadable keyword, the babel plugin only applies on loadable. I think I will change it to read it from import X from '@loadable/component'.

[gregberge]

@code-mcx I see the problem, I think we should ignore “hot-update.js” files, they should not be added into scripts but only available to be loaded by Webpack Hot Loader runtime.

I will try to fix it soon. Thanks for your feedback.