express - لا يمكن استخدام NextJs + ExpressJs مع TypeScript و webpack
أريد إعداد ExpressJs مع TypeScript لاستخدام IOC مع InversifyJS و Nextjs مع es6. أريد أيضًا استخدام webpack للتجميع. بما أنني يجب أن أستورد Next في server.ts للقيام بالرندر من جانب الخادم، فقد أعددت TypeScript لـ Nextjs أيضًا، لكنني أريد أن ملفات .js و .jsx في مجلد العميل يمكن أن تحتوي على لغة es6.
لك
اقرأ أكثر →ريأكت جيس - تحويل تطبيق React Typescript إلى Nextjs
أنا جديد على Nextjs وقد أنشأت تطبيق ويب باستخدام Reactjs + Typescript وأرغب في تحويله إلى Nextjs. أنا مرتبك بشأن هيكل الملفات وما يذهب إلى أين وجزء التثبيت. تطبيق الويب الحالي (Reactjs مع Typescript) يحتوي على قاعدة بيانات (Postdb) ووظائف مثل:
- إنشاء ملاحظة جديدة
- علق على الملاحظة
- أعجب أو اقرأ أكثر →
reactjs - NextJS: دفع قيمة سلسلة استعلام جديدة إلى asPath موجود أو تحديث سلسلة الاستعلام الموجودة
أنا نوعًا ما ضائع في كيفية عمل نظام التوجيه في NextJS:
لدي مقالات حسب الفئات التي يمكن أن تكون:
Medical Charity Wedding Funeralلدي شريط تنقل حيث يمكن للمستخدم عرض المقالات حسب الفئة، ويمكنه أيضًا البحث عن طريق كلمة مفتاحية. ميزة الفئات تعمل بشكل مثالي.
هكذا يبدو شريط التنقل الخاص بي:
اقرأ أكثر →reactjs - لماذا لم تعمل setState في هذه الحالة في NextJS؟
مرحباً جميعاً! لدي مشكلة - setState لا يعمل في تطبيق NextJS + TS الخاص بي. جربت حالتي من خلال ReactHooks، لكن لم ينجح شيء، غيّرت المكون إلى كلاسز، لكن لم ينجح شيء. حاولت تشغيل هذا المكون في تطبيق CRA تم إنشاؤه حديثًا بدون TS. كل شيء عمل هناك.
يستقبل المكون المصفوفة
اقرأ أكثر →تايب سكريبت - يتم فك ترميز معلمات الاستعلام في مسار Nextjs
نحن نقوم باستيراد بعض البيانات من واجهة برمجة تطبيقات حيث نستخدم الرابط للتنقل عبر التطبيق. في مكون الرابط لدينا نقوم بتمرير رابط كـ <Link href={{ pathname: url , someOtherProperty }} /> حيث يبدو الرابط كـ /path-to-page?query=value ولكن عند النظر على العميل أرى أن الرابط يتم إرجاعه
اقرأ أكثر →reactjs - كيفية جعل Nextjs يظهر أخطاء نوع Typescript عند الحفظ
أنا أعمل على مشروع Nextjs باستخدام Typescript وألاحظ أن أخطاء النوع لا توقف تنفيذ التطبيق كما تفعل أنواع الأخطاء الأخرى، وهذا يمثل مشكلة بالنسبة لي، لكنها مشكلة أكبر لأن TypeError يحدث أثناء وقت البناء، واكتشاف ذلك أن هناك أخطاء نوع يظهر معظمها عندما يكون من الضروري القيام بالنشر.
هل هناك طريقة لجعل أخطاء تايب سكريبت تمنع تنفيذ التطبيق أثناء التطوير؟ ما الإعدادات التي يجب أن أستخدمها للوصول إلى ذلك؟
هذا هو ملف tsconfig.json الخاص بي
اقرأ أكثر →next.js - أثناء بناء تطبيق NextJS في مساحة عمل Nx - يحدث خطأ: تعذر العثور على الوحدة 'typescript'
أثناء إنشاء @nrwl/workspace جديد مع تطبيق Next JS - أحصل على خطأ Error: Cannot find module 'typescript'. هل واجه أحد نفس المشكلة؟
خطوات -
- إنشاء مساحة عمل nx جديدة
- إنشاء تطبيق جديد باستخدام إعدادات NextJS المسبقة
- قم ببناء التطبيق باستخدام nx run <app-name>:build
- توليد الصورة من dist/apps/<app-name> أو مجرد نسخ مجلد dist إلى مكان ما
- قم بتشغيل yarn أو npm install
- بعد تثبيت الو اقرأ أكثر →
تايبسكريبت - كيف يمكنني تعطيل resolveJsonModule لملف JSON واحد في تطبيق NextJs؟
أنا أبني تطبيقًا باستخدام Next.js، وأنشره باستخدام Vercel. كل شيء كان يعمل بشكل جيد، حتى قمت مؤخرًا بإجراء بعض التغييرات على ملف JSON كبير مما زاد حجمه بحوالي 20%. يبدو أن زيادة الحجم قد كسرت نوعًا ما من الحدود، والآن أحصل على أخطاء في webpack 5، والتي يبدو أنها ناتجة عن حل نوع TypeScript.
أنا أقوم باستيراد ملف JSON مباشرة باستخدام import. مما تمكنت من جمعه، يبدو أن خيار compilerOption المسمى resolveJsonModule في tsconfig.json هو المسؤول عن إخبار webpack بمحاولة حل أنواع ملفات JSON أثنا
اقرأ أكثر →reactjs - كيفية تمرير مكون Nextjs بخصائص مخصصة كأبناء
لإضافة خاصية Auth إلى مكوناتي. لقد أنشأت واجهة
interface AuthAppProps extends Omit<AppProps, "Component"> { Component: AppProps["Component"] & { Auth: boolean }; }لكي أتمكن من الأداء
const App: React.FC<AuthAppProps> = (props) =>{ const { Component, pageProps: { session, ...pageProps }, } = props; return ( <SessionProvider session={session}> {Component.Auth ? ( اقرأ أكثر →reactjs - كيفية تخزين JWT بشكل صحيح في ملف تعريف الارتباط في React باستخدام NextJS مع TypeScript وخطاف useContext
يتم تعيين المستخدم ويستمر على جميع الصفحات، ولكن عند تحديث نافذة المتصفح يتم تسجيل خروج المستخدم. لست متأكدًا إذا كانت المشكلة في كيفية تعيين الكوكيز، أي نصيحة أو بديل مرحب بها جدًا.
هنا ملف UserContext:
import { destroyCookie } from "nookies"; import { setCookie } from "nookies"; import React from "react"; // import { useCookies } from "react-cookie" import cookie from "cookie"; import { Person, to اقرأ أكثر →