Код: Выделить всё
import type { Config } from "@react-router/dev/config";
export default {
ssr: false,
prerender: false,
future: {
v8_middleware: true,
},
} satisfies Config;
< /code>
vite config: < /p>
import { reactRouter } from "@react-router/dev/vite";
import tailwindcss from "@tailwindcss/vite";
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";
export default defineConfig({
build: {
ssr: false,
},
plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
});
< /code>
Даже при этой конфигурации моя сборка по -прежнему генерирует HTML для корневого маршрута, и я получаю ошибки несоответствия гидратации в браузере. В результате это дерево будет восстановлено на клиенте. Это может произойти, если используется клиент-компонент
ssr-ed:
[*] Ветвь сервера/клиента if (window window! == 'undefined') Ввод переменной, такой как дата. /> Форматирование даты в локале пользователя, которая не соответствует серверу. < /li>
Внешние изменения данных без отправки его снимка вместе с HTML. < /li>
Недопустимый HTML Tag Desting. Html перед нагрузкой. Нужна зависимость от @React-Router/Node, и ваши маршруты должны быть SSR-SAFE. Чистый спа-салон на стороне клиента? Или мне нужно полностью обойти систему сборки React Router?>
Подробнее здесь: https://stackoverflow.com/questions/797 ... a-pure-spa
Мобильная версия