javascript - Conectarea NextJS, next-i18next, with-redux, with-redux-saga: "Eroare: Dacă ai o metodă getInitialProps în fișierul tău _app.js personalizat..."

Încerc să conectez o aplicație NextJS/React funcțională care folosește 'with-redux-saga' și 'with-redux' la 'next-i18n' (https://github.com/isaachinman/next-i18next) -- dar când pornește aplicația primesc următoarea eroare:

Eroare: Dacă aveți o me

Citeste mai mult →

javascript - Cum să faci fetch() din folderul public în NextJS?

Am următorul scenariu de utilizare. Am un web worker în cadrul căruia trebuie să preiau o imagine care se află în folderul public din NextJS pentru a o converti în blob.

Chiar acum, executarea fetch('public/images/myImage.png'); sau fetch('/images/myImage.png'); duce la o eroare:

Citeste mai mult →

javascript - Cum să obții parametrii URL atunci când folosești Document personalizat în NextJS

Folosesc NextJS pentru a produce pagini SSR, iar aceste pagini sunt specifice limbii. Aș dori să setez proprietatea lang pentru a declara limba textului.

Până acum am:

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

Citeste mai mult →

javascript - Cum să setezi basePath pentru o aplicație NextJS exportată static

Trebuie să construiesc și să deployez o aplicație React/NextJS pe un server Weblogic J2ee cu un context specific. Am ceva experiență cu React, dar fac primii pași cu NextJS.

În prezent, pașii de construire/verificare sunt;

javascript - Depanarea punctelor finale API Nextjs folosind VSCode

În prezent, trebuie să găsesc manual în ce fișier (endpoint API) trebuie să setez punctul de întrerupere în folderul /api din VSCode.

Am următorul launch.json:

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

Citeste mai mult →

javascript - Încorporarea scriptului Calendly în NextJs

Încerc să integrez Calendly în proiectul meu Next.js.

Totuși, nu sunt sigur cum să procedez. Ideal ar fi să-l încorporez pe o singură pagină (și nu în _app sau _document)

Asta este ce am până acum:

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

Citeste mai mult →

javascript - EventSource primește toate segmentele odată când face streaming prin Nextjs API Routes

Problemă

Încerc să transmit date către frontend-ul meu React prin EventSources, ceea ce funcționează într-un fel. Problema este că primesc toate bucățile de date dintr-o dată, în loc să le primesc treptat. Ceea ce înăbușe s

Citeste mai mult →

javascript - De ce este scorul de performanță al unei aplicații NextJS goale, implicite, atât de scăzut?

Am început să experimentez cu primul meu proiect Next.js.

După ce am creat un proiect nou prin create-next-app, am rulat fila de performanță în aplicația web 'Lighthouse' (rezultatele pot fi vizualizate în filele de mai jos). Raportul de performanță a returnat un scor de 79, totuși; toate celelalte teste au fost peste 90.

Poate cineva să-mi explice de ce acestea sunt rezultatele?

Proiectul este proaspăt creat și complet gol, s-ar presupune că un raport de perfor

Citeste mai mult →

javascript - NextJS SSR dinamic: False blocat la încărcare pe dispozitive mobile

Problemă:

Importul dinamic Next JS este blocat la încărcare pe browser-ul dispozitivului mobil (browsere utilizate: Google Chrome și Safari pe iOS). În timp ce funcționează perfect pe Google Chrome și Mozilla pe desktop. De asemenea, folosesc next-PWA cu configurația implicită. Ar putea fi din cauza next-PWA?

Fragment de cod:

import dynamic from "next/dynamic"; import { useMemo } from "react"; export default func

Citeste mai mult →

javascript - Aplicație NextJS React cu componentă stilizată care nu se redă corect: Avertisment: Prop `className` nu s-a potrivit

În aplicația mea NextJS, în _app.tsx folosesc import Router from 'next/router' pentru a afișa diferite stiluri de buton de navigare pentru meniul meu superior.

Când calea este /, redarea funcționează, însă când sunt pe /about, redarea nu funcționează și primesc următoarea eroare. Chiar dacă logica booleană funcționează corect.

Eroare :

Avertisment: Prop className nu s-a potrivit. Server: "nav__

Citeste mai mult →