javascript - NextJS, next-i18next, with-redux, with-redux-saga bağlama: "Hata: Eğer özel _app.js dosyanızda bir getInitialProps yöntemi varsa..."

Çalışan bir NextJS/React uygulamasını 'with-redux-saga' ve 'with-redux' kullanan bir şekilde 'next-i18n' (https://github.com/isaachinman/next-i18next) ile bağlamaya çalışıyorum -- ancak uygulamam başlatıldığında aşağıdaki hatayı alıyorum:

Hata: Öz

DAHA FAZLASI →

javascript - NextJS'te public klasörden fetch() nasıl yapılır?

Aşağıdaki kullanım senaryosuna sahibim. Web worker içinde, NextJS public klasöründe bulunan bir resmi alıp blob'a dönüştürmem gerekiyor.

Şu anda fetch('public/images/myImage.png'); veya fetch('/images/myImage.png'); çalıştırmak bir hataya yol açıyor:

Hata: TypeError:

DAHA FAZLASI →

javascript - NextJS'te Özel Doküman kullanırken URL parametreleri nasıl alınır

NextJS kullanarak SSR sayfaları üretiyorum ve bu sayfalar dil özelidir. Metnin dilini belirtmek için lang özelliğini ayarlamak istiyorum.

Şu ana kadar sahip olduğum:

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

DAHA FAZLASI →

javascript - Statik olarak dışa aktarılmış bir NextJS uygulaması için basePath nasıl ayarlanır

Belirli bir konteks ile bir React/NextJS uygulamasını Weblogic J2ee sunucusuna inşa edip dağıtmam gerekiyor. Biraz React deneyimim var, ancak NextJS ile ilk adımlarımı atıyorum.

Şu anda derleme/doğrulama adımları şunlardır;

javascript - VSCode kullanarak Nextjs Api uç noktalarını hata ayıklama

Şu anda VSCode'da /api klasöründe hangi dosyaya (API uç noktası) breakpoint koymam gerektiğini manuel olarak bulmam gerekiyor.

Aşağıdaki launch.json dosyasına sahibim:

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

DAHA FAZLASI →

javascript - NextJs'te Calendly Script'ini Gömme

Bir sonraki Next.js projemde Calendly'yi gömmeye çalışıyorum.

Ancak bunu nasıl yapacağımı bilmiyorum. İdeal olarak, bunu tek bir sayfaya gömmek istiyorum (ve _app veya _document içinde değil)

Şu ana kadar elde ettiğim şey bu:

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

DAHA FAZLASI →

javascript - EventSource, Nextjs API Rotaları üzerinden akış yaparken tüm parçaları bir kerede alıyor

Problem

Verileri EventSources aracılığıyla React Frontend'ime aktarmaya çalışıyorum, ki bu bir şekilde çalışıyor. Sorun şu ki, verilerin tüm parçalarını zaman zaman yerine bir kerede alıyorum. Bu da yöntemin amacını bir anl

DAHA FAZLASI →

javascript - Boş, varsayılan bir NextJS uygulamasının Performans puanı neden bu kadar düşük?

İlk Next.js projemle oynamaya başladım.

create-next-app ile yeni bir proje oluşturduktan sonra, web uygulamasında 'Lighthouse' performans sekmesini çalıştırdım (sonuçlar aşağıdaki sekmelerde görüntülenebilir). Performans raporu 79 puan döndürdü, ancak diğer tüm testler 90'ın üzerindeydi.

Biri bana bunun neden bu sonuçları verdiğini açıklayabilir mi?

Proje yeni oluşturuldu ve tamamen boş, böyle bir proje için bir performans raporunun yüksek bir puan döndürmesi be

DAHA FAZLASI →

javascript - NextJS Dinamik SSR: Mobil Cihazlarda Yüklemede Takılı Kalmış False

Problem:

Next JS dinamik import, mobil cihaz tarayıcısında yüklenmede takılıyor (kullanılan tarayıcılar: IOS'ta Google Chrome ve Safari). Oysa masaüstünde Google Chrome ve Mozilla'da mükemmel çalışıyor. Ayrıca next-PWA'yı varsayılan konfigürasyonla kullanıyorum. Bu, next-PWA nedeniyle olabilir mi?

Kod Parçası:

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

DAHA FAZLASI →

javascript - NextJS React uygulamasında styled component doğru şekilde render edilmiyor: Uyarı: Prop `className` eşleşmedi

NextJS uygulamamın _app.tsx dosyasında üst menüm için farklı navigasyon düğmesi stilleri render etmek amacıyla import Router from 'next/router' kullanıyorum.

Yol / olduğunda render çalışıyor, ancak /about sayfasındayken render çalışmıyor ve aşağıdaki hatayı alıyorum. Boolean mantığı doğru çalışmasına rağmen.

Hata :

Uyarı: Prop className eşleşmedi. Sunucu: "nav__NavActive-sc-6btkfp-2 gJVDzS nav_

DAHA FAZLASI →