javascript - Yhdistäminen NextJS:n, next-i18next:n, with-redux:n, with-redux-saga:n kanssa: "Virhe: Jos sinulla on getInitialProps-metodi omassa _app.js-tiedostossasi..."
Yritän liittää toimivan NextJS/React-sovelluksen, joka käyttää 'with-redux-saga' ja 'with-redux', 'next-i18n' (https://github.com/isaachinman/next-i18next) -kirjastoon – mutta kun sovellukseni käynnistyy, saan seuraavan virheen:
Virhe: Jos sinulla
Lue lisää →javascript - Kuinka hakea() julkisesta kansiosta NextJS:ssä?
Minulla on seuraava käyttötapaus. Minulla on verkkotyöntekijä, jonka sisällä minun täytyy hakea kuva, joka sijaitsee NextJS:n public-kansiossa, jotta se voidaan muuntaa blobiksi.
Juuri nyt fetch('public/images/myImage.png'); tai fetch('/images/myImage.png'); suoritt
Lue lisää →javascript - Kuinka saada URL-parametrit käytettäessä Custom Documentia NextJS:ssä
Käytän NextJS:ää tuottaakseni SSR-sivuja, ja nämä sivut ovat kielikohtaisia. Haluaisin asettaa lang-ominaisuuden ilmoittamaan tekstin kielen.
Tähän mennessä minulla on:
import Document, { Html, Head, Main, NextScript } from "next/document" import Router from "ne Lue lisää →javascript - Kuinka asettaa basePath staattisesti viedylle NextJS-sovellukselle
Minun täytyy rakentaa ja ottaa käyttöön React/NextJS -sovellus Weblogic J2ee -palvelimelle tietyllä kontekstilla. Minulla on jonkin verran React-kokemusta, mutta otan ensimmäisiä askeleitani NextJS:n kanssa.
Tällä hetkellä rakennus/tarkastusvaiheet ovat;
Luo perus NextJS-sovellus
Lue lisää →
javascript - Nextjs API-päätepisteiden virheenkorjaus VSCodea käyttämällä
Tällä hetkellä minun täytyy manuaalisesti löytää, mihin tiedostoon (API-päätepisteeseen) asetetaan breakpoint koodikansiossa /api VSCodessa.
Minulla on seuraava launch.json:
{ "version": "0.2.0", "configurations": [ { "type": & Lue lisää →javascript - Upota Calendly-skripti NextJs:ään
Yritän upottaa Calendlyn Next.js-projektiini.
En ole kuitenkaan varma, miten siihen pitäisi ryhtyä. Ihannetapauksessa upottaisin sen vain yhdelle sivulle (enkä _app:iin tai _document:iin)
Tähän mennessä minulla on tämä:
import Script from 'next/script'; import React from 'react'; const Page = () = Lue lisää →javascript - EventSource saa kaikki palat kerralla striimatessa Nextjs API -reittien kautta
Ongelma
Yritän suoratoistaa dataa React-frontendilleni EventSourcen kautta, mikä osittain toimii. Ongelma on, että saan kaikki datan palaset kerralla sen sijaan, että saisin niitä ajan myötä. Tämä vähän turmelee menetelmän
Lue lisää →javascript - Miksi tyhjän, oletusarvoisen NextJS-sovelluksen suorituskykypisteet ovat niin alhaiset?
Aloitin leikkimisen ensimmäisen Next.js-projektini kanssa.
Uuden projektin luomisen jälkeen käyttämällä create-next-app, suoritin suorituskykylipun verkkosovelluksessa 'Lighthouse' (tulokset voidaan nähdä alla olevissa välilehdissä). Suorituskykyraportti antoi pistemääräksi 79, kuitenkin; kaikki muut testit olivat yli 90.
Voiko joku selittää minulle, miksi nämä ovat tulokset?
Hanke on äskettäin luotu ja täysin tyhjä, joten voisi olettaa, että suorituskykyraportt
Lue lisää →javascript - NextJS dynaaminen SSR: False jumissa latauksessa mobiililaitteissa
Ongelma:
Next JS:n dynaaminen tuonti jää lataukseen mobiililaitteen selaimessa (käytetyt selaimet: Google Chrome ja Safari iOS:llä). Kuitenkin se toimii täydellisesti Google Chromessa ja Mozillassa työpöydällä. Käytän myös next-PWA:ta oletusasetuksilla. Voisiko syynä olla next-PWA?
Koodinpätkä:
import dynamic from "next/dynamic"; import { useMemo } from "react"; export default function Main() { const Component = Lue lisää →javascript - NextJS React -sovelluksen tyylitelty komponentti ei renderöidy oikein: Varoitus: Prop `className` ei vastannut
NextJS-sovelluksessani _app.tsx käytän import Router from 'next/router' renderöidäkseni erilaisia navigointipainikkeiden tyylejä ylävalikkooni.
Kun polku on /, renderöinti toimii, mutta kun olen /about, renderöinti ei toimi ja saan seuraavan virheen. Vaikka totuusarvologiikka toimii oikein.
Virhe :
Varoitus: Prop className ei täsmännyt. Palvelin: "nav__NavActive-sc-6btkfp-2 gJVDzS nav__NavLink-
Lue lisää →