javascript - Pripojenie NextJS, next-i18next, with-redux, with-redux-saga: „Chyba: Ak máte metódu getInitialProps vo vašom vlastnom súbore _app.js...“
Snažím sa pripojiť fungujúcu aplikáciu NextJS/React, ktorá používa 'with-redux-saga' a 'with-redux', k 'next-i18n' (https://github.com/isaachinman/next-i18next) – ale keď sa moja aplikácia spustí, dostávam nasledujúcu chybu:
Chyba: Ak máte metódu
Čítaj viac →javascript - Ako použiť fetch() z verejného priečinka v NextJS?
Mám nasledujúci scenár použitia. Mám webového pracovníka, v rámci ktorého potrebujem načítať obrázok, ktorý sa nachádza v priečinku public NextJS, aby som ho mohol konvertovať na blob.
Práve teraz vykonanie fetch('public/images/myImage.png'); alebo fetch('/images/myImage.png&ap
Čítaj viac →javascript - Ako získať URL parametre pri používaní vlastného dokumentu v NextJS
Používam NextJS na produkciu SSR stránok a tieto stránky sú špecifické pre jednotlivé jazyky. Chcel by som nastaviť vlastnosť lang na deklarovanie jazyka textu.
Doteraz mám:
import Document, { Html, Head, Main, NextScript } from "next/document" import Router from &qu Čítaj viac →javascript - Ako nastaviť basePath pre staticky exportovanú aplikáciu NextJS
Potrebujem vytvoriť a nasadiť aplikáciu React/NextJS na server Weblogic J2ee s konkrétnym kontextom. Mám nejaké skúsenosti s React, ale s NextJS začínam.
Momentálne sú kroky zostavenia/overenia:
Vytvorte vanilla NextJS aplikáciu
Pridajte súbor next.config.js s
Čítaj viac →
javascript - Ladenie koncových bodov Nextjs API pomocou VSCode
Momentálne musím manuálne nájsť, v ktorom súbore (API endpoint) mám nastaviť breakpoint v priečinku /api vo VSCode.
Mám nasledujúci launch.json:
{ "version": "0.2.0", "configurations": [ { "type": "node", " Čítaj viac →javascript - Vložiť skript Calendly do NextJs
Snažím sa vložiť Calendly do svojho projektu Next.js.
Nie som si však istý, ako na to ísť. Ideálne by som ho jednoducho vložil na jednu stránku (a nie do _app alebo _document)
Toto je to, čo mám zatiaľ:
import Script from 'next/script'; import React from 'react'; const Page = () => { Calend Čítaj viac →javascript - EventSource dostane všetky časti naraz pri streamovaní cez Nextjs API Routes
Problém
Snažím sa streamovať dáta do môjho React frontendu cez EventSources, čo akosi funguje. Problém je v tom, že dostávam všetky dáta naraz namiesto postupne. To vlastne zneužíva účel tejto metódy, pretože je to praktick
Čítaj viac →javascript - Prečo je výkonový skóre prázdnej, predvolenej aplikácie NextJS také nízke?
Začal som si hrať s mojím prvým projektom Next.js.
Po vytvorení nového projektu cez create-next-app som spustil kartu výkonu vo webovej aplikácii 'Lighthouse' (výsledky si môžete pozrieť v nižšie uvedených kartách). Správa o výkone vrátila skóre 79, avšak všetky ostatné testy boli nad 90.
Môže mi niekto vysvetliť, prečo sú toto výsledky?
Projekt je novo vytvorený a úplne prázdny, očakával by človek, že správa o výkonnosti poskytne skvelé hodnotenie pre takýto pr
Čítaj viac →javascript - NextJS Dynamické SSR: False zaseknuté na načítavaní v mobilných zariadeniach
Problém:
Dynamický import Next JS sa na prehliadači mobilného zariadenia zasekáva pri načítavaní (použité prehliadače: Google Chrome a Safari na iOS). Na Google Chrome a Mozilla na počítači však funguje perfektne. Tiež používam next-PWA s predvolenou konfiguráciou. Môže to byť kvôli next-PWA?
Kódový úryvok:
import dynamic from "next/dynamic"; import { useMemo } from "react"; export default function Main() { cons Čítaj viac →javascript - NextJS React aplikácia so styled component sa nezobrazuje správne: Warning: Prop `className` nesedí
Vo svojej aplikácii NextJS v súbore _app.tsx používam import Router from 'next/router', aby som mohol vykresliť rôzne štýly navigačných tlačidiel pre moje horné menu.
Keď je cesta /, vykresľovanie funguje, avšak keď som na /about, vykresľovanie nefunguje a dostanem nasledujúcu chybu. Aj keď logika boolean funguje správne.
Chyba :
Upozornenie: Rekvizita className sa nezhoduje. Server: "nav__NavA
Čítaj viac →