javascript - Koble NextJS, next-i18next, with-redux, with-redux-saga: "Feil: Hvis du har en getInitialProps-metode i din tilpassede _app.js-fil..."

Jeg prøver å koble en fungerende NextJS/React-app som bruker 'with-redux-saga' og 'with-redux' til 'next-i18n' (https://github.com/isaachinman/next-i18next) -- men når appen min starter får jeg følgende feil:

Feil: Hvis du har en getInitialProps-m

Les mer →

javascript - Hvordan bruke fetch() fra offentlig mappe i NextJS?

Jeg har følgende brukstilfelle. Jeg har en webarbeider der jeg trenger å hente et bilde som ligger i NextJS public-mappen for å konvertere det til blob.

Akkurat nå fører det å utføre fetch('public/images/myImage.png'); eller fetch('/images/myImage.png'); til en feil

Les mer →

javascript - Hvordan hente URL-parametere når man bruker Custom Document i NextJS

Jeg bruker NextJS for å produsere SSR-sider, og disse sidene er språkspesifikke. Jeg ønsker å sette lang-egenskapen for å erklære språket til teksten.

Så langt har jeg:

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

Les mer →

javascript - Hvordan sette basePath for en statisk eksportert NextJS-app

Jeg trenger å bygge og distribuere en React/NextJS-app til en Weblogic J2ee-server med en spesifikk kontekst. Jeg har litt erfaring med React, men tar mine første steg med NextJS.

For øyeblikket er bygg-/verifiseringstrinnene;

javascript - Feilsøking av Nextjs API-endepunkter ved hjelp av VSCode

For øyeblikket må jeg manuelt finne hvilken fil (API-endepunkt) jeg skal sette breakpoint i /api-mappen i VSCode.

Jeg har følgende launch.json:

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

Les mer →

javascript - Legg inn Calendly-skript i NextJs

Jeg prøver å integrere Calendly i mitt Next.js-prosjekt.

Er imidlertid ikke sikker på hvordan jeg skal gå frem. Ideelt sett legger jeg det bare inn på en enkelt side (og ikke i _app eller _document)

Dette er hva jeg har så langt:

import Script from 'next/script'; import React from 'react'; const P

Les mer →

javascript - EventSource får alle delene på en gang når det strømmer via Nextjs API-ruter

Problem

Jeg prøver å strømme data til min React frontend via EventSources, noe som fungerer delvis. Problemet er at jeg mottar alle databitene på en gang i stedet for over tid. Dette ødelegger på en måte hensikten med metod

Les mer →

javascript - Hvorfor er ytelsesscoren til en tom, standard NextJS-applikasjon så lav?

Jeg begynte å leke med mitt første Next.js-prosjekt.

Etter å ha opprettet et nytt prosjekt via create-next-app, kjørte jeg ytelsesfanen i nettappen 'Lighthouse' (resultatene kan sees i fanene nedenfor). Ytelsesrapporten ga en score på 79, men alle de andre testene var over 90.

Kan noen forklare meg hvorfor dette er resultatene?

Prosjektet er nylig opprettet og helt tomt, man skulle anta at en ytelsesrapport ville returnere en høy poengsum for et slikt prosjekt,

Les mer →

javascript - NextJS Dynamisk SSR: Feil sitter fast på innlasting på mobile enheter

Problem:

Den dynamiske importen i Next JS sitter fast på lasting i nettleseren på mobile enheter (brukte nettlesere: Google Chrome og Safari på iOS). Mens det fungerer perfekt på Google Chrome og Mozilla på desktop. Jeg bruker også next-PWA med standardkonfigurasjonen. Kan det være på grunn av next-PWA?

Kodesnutt:

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

Les mer →

javascript - NextJS React-app styled component vises ikke riktig: Advarsel: Egenskapen `className` samsvarer ikke

I min NextJS-apps _app.tsx bruker jeg import Router from 'next/router' for å gjengi forskjellige navigasjonsknappstiler for min toppmeny.

Når stien er / fungerer gjengivelsen, men når jeg er på /about fungerer ikke gjengivelsen, og jeg får følgende feil. Selv om den boolske logikken fungerer korrekt.

Feil :

Advarsel: Prop className samsvarte ikke. Server: "nav__NavActive-sc-6btkfp-2 gJVDzS nav_

Les mer →