جافاسكريبت - ربط NextJS و next-i18next و with-redux و with-redux-saga: "خطأ: إذا كان لديك طريقة getInitialProps في ملف _app.js المخصص الخاص بك..."
أحاول توصيل تطبيق NextJS/React يعمل بشكل صحيح ويستخدم 'with-redux-saga' و 'with-redux' بـ 'next-i18n' (https://github.com/isaachinman/next-i18next) -- ولكن عند تشغيل تطبيقي أحصل على الخطأ التالي:
خطأ: إذا كان لديك طريقة getInitialProps في ملف _app
اقرأ أكثر →جافاسكريبت - كيف يمكن استخدام fetch() من المجلد العام في NextJS؟
لدي السيناريو التالي لاستخدام الحالة. لدي عامل ويب (web worker) داخل يجب عليّ جلب صورة موجودة في مجلد public الخاص بـ NextJS من أجل تحويلها إلى blob.
في الوقت الحالي، يؤدي تنفيذ fetch('public/images/myImage.png'); أو fetch('/images/myImage.png'); إلى حدوث خطأ:
خطأ: Ty
اقرأ أكثر →جافاسكريبت - كيفية الحصول على معلمات URL عند استخدام مستند مخصص في NextJS
أنا أستخدم NextJS لإنشاء صفحات SSR، وهذه الصفحات مخصصة لكل لغة. أود تعيين خاصية lang للإعلان عن لغة النص.
حتى الآن لدي:
import Document, { Html, Head, Main, NextScript } from "next/document" import Router from "next/router" class MyDocument extends Documen اقرأ أكثر →جافاسكريبت - كيفية تعيين basePath لتطبيق NextJS مصدّر بشكل ثابت
أحتاج إلى بناء ونشر تطبيق React/NextJS على خادم Weblogic J2ee بسياق محدد. لدي بعض الخبرة في React، لكنني أخوض خطواتي الأولى مع NextJS.
حاليًا خطوات البناء/التحقق هي؛
أنشئ تطبيق NextJS بسيط
أضف ملف next.config.js مع module.export لتغيير المسار الأسا
اقرأ أكثر →
جافاسكريبت - تصحيح نقاط نهاية API في Nextjs باستخدام VSCode
حالياً، يجب عليّ إيجاد الملف (نقطة النهاية لواجهة البرمجة) يدوياً لتعيين نقطة توقف في مجلد /api في VSCode.
لدي launch.json التالي:
{ "version": "0.2.0", "configurations": [ { "type": "node", "request": اقرأ أكثر →جافاسكريبت - تضمين سكربت Calendly في NextJs
أحاول تضمين Calendly في مشروع Next.js الخاص بي.
لست متأكدًا من كيفية القيام بذلك. من الناحية المثالية، أنا فقط أدمجه في صفحة واحدة (وليس في _app أو _document)
هذا ما حصلت عليه حتى الآن:
import Script from 'next/script'; import React from 'react'; const Page = () => { Calendly.initInlineWidg اقرأ أكثر →جافاسكريبت - EventSource يحصل على كل الأجزاء دفعة واحدة عند البث عبر مسارات واجهة برمجة التطبيقات في Nextjs
مشكلة
أحاول بث البيانات إلى واجهة React الأمامية عبر EventSources، وهو ما يعمل إلى حد ما. المشكلة هي أنني أتلقى كل أجزاء البيانات دفعة واحدة بدلاً من واحد تلو الآخر. وهذا إلى حد ما يلغي هدف الطريقة لأنها أصبحت الآن بشكل أسا
اقرأ أكثر →جافاسكريبت - لماذا تكون درجة الأداء لتطبيق NextJS فارغ وفافتراضي منخفضة جدًا؟
بدأت باللعب بمشروعي الأول في Next.js.
بعد إنشاء مشروع جديد عبر create-next-app، قمت بتشغيل تبويب الأداء في تطبيق الويب 'Lighthouse' (يمكن عرض النتائج في التبويبات أدناه). أرجع تقرير الأداء درجة قدرها 79، ومع ذلك؛ كانت جميع الاختبارات الأخرى فوق 90.
هل يمكن لأحد أن يشرح لي لماذا هذه هي النتائج؟
المشروع تم إنشاؤه حديثًا وفارغ تمامًا، قد يفترض المرء أن تقرير الأداء سيعود بنتيجة ممتازة لمثل هذا المشروع، لكنه لم يحدث. إذا كان لديك أي فكرة يمكن أن تساعد في توضيح سبب ع
اقرأ أكثر →جافاسكريبت - NextJS التقديم من جانب الخادم الديناميكي: False عالق على التحميل في الأجهزة المحمولة
المشكلة:
استيراد Next JS الديناميكي عالق على التحميل على متصفح جهاز الهاتف المحمول (المتصفحات المستخدمة: Google Chrome و Safari على iOS). بينما يعمل بشكل ممتاز على Google Chrome و Mozilla على سطح المكتب. أنا أيضًا أستخدم next-PWA بالإعداد الافتراضي. هل يمكن أن يكون السبب هو next-PWA؟
مقتطف الكود:
import dynamic from "next/dynamic"; import { useMemo } from "react"; export default function Main() { const Component اقرأ أكثر →جافاسكريبت - تطبيق React باستخدام NextJS المكون المزين لا يتم عرضه بشكل صحيح: تحذير: الخاصية `className` لم تتطابق
في تطبيق NextJS الخاص بي في _app.tsx أستخدم import Router from 'next/router' من أجل عرض أنماط أزرار تنقل مختلفة للقائمة العلوية.
عندما يكون المسار / فإن العرض يعمل، ومع ذلك عندما أكون على /about لا يعمل العرض وأحصل على الخطأ التالي. على الرغم من أن المنطق البولياني يعمل بشكل صحيح.
خطأ :
تحذير: الخاصية className لم تتطابق. الخادم: "nav__NavActive-sc-6btkfp-2 gJVDzS nav__NavLink-sc-6btkfp-1 bvpMW
اقرأ أكثر →