javascript - Tilslutning af NextJS, next-i18next, with-redux, with-redux-saga: "Fejl: Hvis du har en getInitialProps-metode i din brugerdefinerede _app.js-fil..."

Jeg prøver at forbinde en fungerende NextJS/React-app, der bruger 'with-redux-saga' og 'with-redux', til 'next-i18next' (https://github.com/isaachinman/next-i18next) -- men når min app starter, får jeg følgende fejl:

Fejl: Hvis du har en getInitia

Læs mere →

javascript - Hvordan henter man() fra public-mappen i NextJS?

Jeg har følgende brugsscenario. Jeg har en web worker, hvori jeg har brug for at hente et billede, der er placeret i NextJS public-mappen, for at kunne konvertere det til en blob.

Lige nu medfører udførelse af fetch('public/images/myImage.png'); eller fetch('/images/myImage.png

Læs mere →

javascript - Hvordan får man URL-parametre, når man bruger Custom Document i NextJS

Jeg bruger NextJS til at producere SSR-sider, og disse sider er sprogspecifikke. Jeg vil gerne sætte lang-egenskaben for at angive sproget for teksten.

Indtil videre har jeg:

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

Læs mere →

javascript - Hvordan man sætter basePath for en statisk eksporteret NextJS-app

Jeg har brug for at bygge og implementere en React/NextJS-app på en Weblogic J2ee-server med en specifik kontekst. Jeg har noget erfaring med React, men tager mine første skridt med NextJS.

I øjeblikket er build-/verificeringstrinnene;

javascript - Fejlfinding af Nextjs API-endpoints ved hjælp af VSCode

I øjeblikket skal jeg manuelt finde ud af, hvilken fil (API-endpoint) jeg skal sætte et breakpoint i /api-mappen i VSCode.

Jeg har følgende launch.json:

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

Læs mere →

javascript - Integrer Calendly-script i NextJs

Jeg prøver at integrere Calendly i mit Next.js-projekt.

Er dog ikke sikker på, hvordan man går frem. Ideelt set integrerer jeg det bare på en enkelt side (og ikke i _app eller _document)

Dette er, hvad jeg har indtil videre:

import Script from 'next/script'; import React from 'react'; const Page =

Læs mere →

javascript - EventSource får alle chunk på én gang, når der streames via Nextjs API-ruter

Problem

Jeg forsøger at streame data til mit React frontend via EventSources, hvilket slags fungerer. Problemet er, at jeg modtager alle datastykker på én gang i stedet for løbende over tid. Det underminerer på en måde form

Læs mere →

javascript - Hvorfor er performance-scoren for en tom, standard NextJS-applikation så lav?

Jeg begyndte at lege med mit første Next.js-projekt.

Efter at have oprettet et nyt projekt via create-next-app, kørte jeg performance-fanen i web-appen 'Lighthouse' (resultaterne kan ses i fanerne nedenfor). Performance-rapporten viste en score på 79, men alle de andre tests var over 90.

Kan nogen forklare mig, hvorfor dette er resultaterne?

Projektet er nyoprettet og helt tomt, man ville antage, at en præstationsrapport ville returnere en flot score for et såda

Læs mere →

javascript - NextJS Dynamisk SSR: Falsk sidder fast på indlæsning på mobile enheder

Problem:

Den Next JS dynamiske import sidder fast på indlæsning på mobilbrowser (brugte browsere: Google Chrome og Safari på iOS). Mens det fungerer perfekt på Google Chrome og Mozilla på desktop. Jeg bruger også next-PWA med standardkonfigurationen. Kan det skyldes next-PWA?

Kodesnippet:

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

Læs mere →

javascript - NextJS React-app styled component gengiver ikke korrekt: Advarsel: Prop `className` matchede ikke

I min NextJS-apps _app.tsx bruger jeg import Router from 'next/router' for at gengive forskellige navigationsknapstilarter til min topmenu.

Når stien er /, fungerer gengivelsen, men når jeg er på /about, fungerer gengivelsen ikke, og jeg får følgende fejl. Selvom den boolske logik fungerer korrekt.

Fejl :

Advarsel: Prop className matchede ikke. Server: "nav__NavActive-sc-6btkfp-2 gJVDzS nav__Na

Læs mere →