Vyhledávání na webu

javascript - Připojení NextJS, next-i18next, with-redux, with-redux-saga: „Chyba: Pokud máte metodu getInitialProps ve svém vlastním souboru _app.js...“

Snažím se propojit fungující aplikaci NextJS/React, která používá 'with-redux-saga' a 'with-redux', s 'next-i18next' (https://github.com/isaachinman/next-i18next) – ale při spuštění mé aplikace dostanu následující chybu:

Chyba: Pokud máte v soubor

Přečtěte si více →

javascript - Jak použít fetch() ze složky public v NextJS?

Mám následující scénář použití. Mám webového pracovníka, ve kterém potřebuji načíst obrázek, který se nachází ve složce public NextJS, abych jej mohl převést na blob.

Právě teď vykonání fetch('public/images/myImage.png'); nebo fetch('/images/myImage.png'); vede k ch

Přečtěte si více →

javascript - Jak získat parametry URL při použití Vlastního dokumentu v NextJS

Používám NextJS k vytváření SSR stránek a tyto stránky jsou specifické pro jazyk. Rád bych nastavil atribut lang, abych určil jazyk textu.

Zatím mám:

import Document, { Html, Head, Main, NextScript } from "next/document" import Router from "next/router" cl

Přečtěte si více →

javascript - Jak nastavit basePath pro staticky exportovanou aplikaci NextJS

Potřebuji vytvořit a nasadit aplikaci React/NextJS na server Weblogic J2ee s konkrétním kontextem. Mám nějaké zkušenosti s Reactem, ale s NextJS teprve začínám.

Aktuálně jsou kroky sestavení/ověření následující;

javascript - Ladění API koncových bodů Nextjs pomocí VSCode

V současné době musím ručně najít, ve kterém souboru (API endpointu) mám nastavit breakpoint ve složce /api ve VSCode.

Mám následující launch.json:

{ "version": "0.2.0", "configurations": [ { "type": "node", &qu

Přečtěte si více →

javascript - Vložit skript Calendly do NextJs

Snažím se vložit Calendly do svého projektu Next.js.

Nejsem si však jistý, jak na to. Ideálně bych to jen vložil na jednu stránku (a ne do _app nebo _document).

Tohle je to, co mám zatím:

import Script from 'next/script'; import React from 'react'; const Page = () => { Calendly.initInlineWi

Přečtěte si více →

javascript - EventSource získává všechny části najednou při streamování přes Nextjs API Routes

Problém

Snažím se streamovat data do mého React frontendu pomocí EventSources, což vlastně do určité míry funguje. Problém je v tom, že dostávám všechny části dat najednou místo postupně v čase. To vlastně podkopává smysl t

Přečtěte si více →

javascript - Proč je skóre výkonu prázdné, výchozí aplikace NextJS tak nízké?

Začal jsem si hrát se svým prvním projektem v Next.js.

Po vytvoření nového projektu pomocí create-next-app jsem spustil záložku výkonu ve webové aplikaci 'Lighthouse' (výsledky lze zobrazit v níže uvedených záložkách). Zpráva o výkonu vrátila skóre 79, avšak všechny ostatní testy byly nad 90.

Může mi někdo vysvětlit, proč jsou toto výsledky?

Projekt je nově vytvořený a zcela prázdný, člověk by předpokládal, že zpráva o výkonu vrátí skvělé hodnocení pro takový pr

Přečtěte si více →

javascript - NextJS Dynamické SSR: False zaseknuté na načítání v mobilních zařízeních

Problém:

Dynamický import v Next JS se na prohlížeči mobilního zařízení zasekl při načítání (použité prohlížeče: Google Chrome a Safari na iOS). Na Google Chrome a Mozille na desktopu však funguje perfektně. Také používám next-PWA s výchozí konfigurací. Může to být způsobeno next-PWA?

Ukázka kódu:

import dynamic from "next/dynamic"; import { useMemo } from "react"; export default function Main() { const Componen

Přečtěte si více →

javascript - NextJS React aplikace styled component se nezobrazuje správně: Varování: Prop `className` se neshoduje

Ve své aplikaci NextJS v souboru _app.tsx používám import Router from 'next/router', abych mohl vykreslovat různé styly tlačítek navigace pro své horní menu.

Když je cesta /, vykreslování funguje, avšak když jsem na /about, vykreslování nefunguje a zobrazí se mi následující chyba. Přestože logika booleanů funguje správně.

Chyba :

Upozornění: Prop className se neshodoval. Server: "nav__NavActive

Přečtěte si více →