小编Md.*_*san的帖子

如何预渲染 Vite 创建的 React 应用程序?

我正在尝试使用React-snap包预渲染我的 vite React 应用程序。

我已经尝试使用以下代码进行预渲染的过程。但它没有在生产中构建(我配置了 GitHub 操作以进行部署)。

const Main = (
    <React.StrictMode>
        <BrowserRouter>
            <Suspense fallback={<Loader />}>
                <Provider store={store}>
                    <App />
                </Provider>
            </Suspense>
        </BrowserRouter>
    </React.StrictMode>
);

const rootElement = document.getElementById("root");

if (rootElement.hasChildNodes()) {
    ReactDOM.createRoot(rootElement).hydrate(Main);
} else {
    ReactDOM.createRoot(rootElement).render(Main);
}
Run Code Online (Sandbox Code Playgroud)

也许我必须更改vite.config.js文件中的某些内容。

任何形式的帮助都会非常感激。

reactjs vite pre-rendering

6
推荐指数
0
解决办法
669
查看次数

标签 统计

pre-rendering ×1

reactjs ×1

vite ×1