Как полностью отключить генерацию HTML-времени на сборку для чистого спа-салона?Javascript

Форум по Javascript
Ответить
Anonymous
 Как полностью отключить генерацию HTML-времени на сборку для чистого спа-салона?

Сообщение Anonymous »

Я использую react router v7 , и я хочу, чтобы Pure Spa настройка-без серверного рендеринга (SSR) или предварительно продленного HTML.

Код: Выделить всё

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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»