Описание тега server-side-rendering

Серверный рендеринг - это метод рендеринга клиентского приложения на сервере.
1 ответ

Angulay Flex Layout Пользовательские точки останова не работают с SSR

Мне нужно только две точки разрыва в Angular Flex Layout. Итак, я определил: const CUSTOM_BREAKPOINTS: BreakPoint[] = [{ alias: 'lg', mediaQuery: '(min-width: 700px)', }, { alias: 'sm', mediaQuery: '(max-width: 700px)', }]; export function getCustom…
1 ответ

Визуализируйте стили normalize.css + эмоции с помощью Next.js

Я пытаюсь добавить Normalize.css как глобальный и использовать эмоции для моих CSS-модулей. Сначала мой .babelrc { "presets": [ ["env", { "modules": false, "useBuiltIns": true }], "next/babel" ], "plugins": [ "syntax-dynamic-import", "transform-runt…
0 ответов

Webpack 4 для SSR, как решить эту ReferenceError: окно не определено?

У меня есть 3 файла webpack.config для включения Server-Sive-Rendering. webpack.base.js webpack.client.js webpack.server.js Сценарий сборки "scripts": { "dev": "npm-run-all --parallel dev:*", "dev:bundle": "nodemon --watch build --exec \"node build/…
0 ответов

Angular 5 Universal ожидает возврата http-запроса во время рендеринга на стороне сервера

У меня есть приложение Angular 5, которое обслуживается с помощью ngExpressEngine (последовал за начальным проектом Angular Universal). В моем приложении есть компонент, который отправляет HTTP-запрос на получение данных для отображения. Все работае…
0 ответов

Время SSR узлов J и React JS на сервере и клиенте не совпадает

Я имею дело с Node js и React js Server Rendering. Я столкнулся с проблемой. Я экономлю время в формате ISO на MongoDB, поэтому мне нужно преобразовать его в обычный формат, и результат преобразования различен для сервера и клиента из-за разницы час…
4 ответа

Next.js: Как динамически импортировать только компоненты React на стороне клиента в разработанные приложения для рендеринга на стороне сервера?

Я знаю, что этот вопрос задавался несколько раз, но ни одно из решений, похоже, не работает. Я пытаюсь использовать библиотеку "response-chat-popup", которая рендерится только на стороне клиента в приложении SSR (построено с использованием фреймворк…
1 ответ

NextJS Googlebot произошла необнаруженная ошибка

Мы разработали сайт SSR с использованием NextJS. Все отлично работает в разных браузерах для настольных компьютеров и мобильных устройств, но когда я пытаюсь увидеть свой сайт таким, каким его видит Google, с помощью функции "извлекать и отображать"…
0 ответов

Серверная рендеринг React в Java Springboot

Я новичок в рендеринге на стороне сервера и хочу рендерить компоненты React на стороне сервера и передать его в html. Я следовал этому руководству на https://spring.io/guides/tutorials/react-and-spring-data-rest/. Это все еще оказывает на клиенте. Я…
0 ответов

Изменить локаль на лету после инициализации браузера с кукловодом

С кукловодом мы можем изменить язык после того, как мы указали его во время запуска браузера? В моем коде ниже я указываю язык с --lang параметр для Chrome без головы, но я хотел бы знать, если позже в моем коде мы можем изменить, на лету, язык... В…
1 ответ

Что на самом деле делает NextJS .prepare()?

При выполнении nextjs с пользовательским сервером, что.prepare() вызывается в следующем приложении?
0 ответов

vue-cli build lib SSR - проблема с CSS

Я использую vue-cli 3 для создания библиотеки для npm. Кажется, что все в порядке, за исключением того, что когда CSS включает JavaScript, библиотека не работает при рендеринге на стороне сервера, как Nuxt. Он продолжает говорить, что документ не оп…
1 ответ

Угловой универсальный на существующий проект

Таким образом, я следовал этой статье, реализующей SSR в уже существующем угловом 5 проекте, и столкнулся с этими проблемами при запуске команды ./node_modules/.bin/ts-node./server.ts Это вывод в моей консоли ce0@ce0 ~/Documents/Angular/exampleSSR $…
1 ответ

Доступ к файлам cookie из React SSR

Вот простая вещь. Реактивный путь перенаправления маршрутизации зависит от значения в файлах cookie, так как мне его обработать на стороне сервера? render() { something = cookie.get('my-something-value') || 'default '; // always takes defualt value …
0 ответов

Nuxt ^2.0.0 и Firebase хостинг

Я пытаюсь развернуть приложение nuxt на хостинге firebase. В настоящее время я следую этому руководству, которое помогло мне развернуть приложение в облаке Firebase, то есть сгенерированном локальном URL хоста: http://localhost:5001/ **** / us-centr…
0 ответов

Увеличение идентификатора элемента с реакцией и SSR (next.js)

У меня есть такой код JS: let idCounter = 0; export default class TestComponent extends Component { constructor(props) { super(props); this.uniqueId = `TestComponent-${idCounter++}`; } render() { return (<div id={this.uniqueId> Some content &l…
25 фев '19 в 14:17
1 ответ

Как правильно реализовать SSR без сервера с помощью Next.js, используя `target: "serverless"` в версии 8.0

Next.js 8.0 только что представил новый target: "serverless" Настройка конфигурации, описанная в этом сообщении в блоге. Я установил базовое приложение Hello World ( здесь), чтобы проверить его. Вставил скопированный вывод .next/serverless/pages/ind…
2 ответа

Получение ENOENT: такого файла или каталога нет, ошибка open... при попытке переместить файлы App.js/index.js в подпапки внутри папки /src

Итак, я в основном создал три папки внутри моего React.js ./srcпапка с именем browser, server а также shared на VScode. Однако перемещение, например, файла index.js или основного файла App.js внутри него приводит к этой очень досадной ошибке, котора…
0 ответов

Реагировать на обработчик события onClick, не работающий с помощью Next.js

Я делаю клон Reddit, и я использую Next.js, так что его рендеринг на стороне сервера. Я начал без использования Next.js и, когда узнал об этом, сразу переключился на него. Я создал кастом _app.js таким образом, заголовок и боковая панель существуют …
5 ответов

Разница между Next JS и Puppeteer JS

Я смотрел конференцию Google по SEO, и они предложили использовать динамический рендеринг для приложений, созданных в JS (React, Vue и т. Д.). Одним из инструментов для достижения этого является Puppeteer JS. Мне нужно создать приложение, которое в …
5 ответов

Обновление мета-тегов в angular universal с внешним вызовом API

Я провел более 2 месяцев, но не смог найти четкого решения, как поступить с угловым универсалом. Я уже потратил около 6 месяцев на внедрение Angular Universal в проекте, на который у меня не так много времени, и теперь я застрял в этой проблеме. Мож…