reactjs - איך לאחסן בצורה נכונה JWT בעוגייה ב-react בעזרת NextJS עם typescript וה-hook 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, tokenAuth } from "../auth&q קרא עוד →typescript - לא ניתן לגשת למשתנה לפני אתחול ב-getServerSideProps ב-NextJS
אני עובד עם Firebase ומאתחל את ה-APIs והפונקציות כדי לקבל את הנתונים שאני צריך ב-firebase.tsx ואז מייבא אותם בקובץ pages/index.tsx שלי אבל לא מצליח לגשת לייצוא לאחר אתחול אפליקציית Firebase
services/firebase.tsx:
import firebase, { FirebaseOptions } from 'firebase/app' import { getAuth } from 'firebase/auth'; import { collection, doc, setDoc, getFirestore, query, where, getDocs, orderBy } from "firebase/firestore"; import { getStorage } from 'fir קרא עוד →reactjs - אזהרה: התכונה `id` לא התאמה. שרת ב-NextJS
אני מנסה להיפטר מהתראה בפרויקט שלי:
react-dom.development.js?61bb:67 Warning: Prop `id` did not match. Server: "t4j6jv-aria" Client: "v0lutu9-aria"לצערי אין לי מושג מה גורם לבעיה, כל עזרה או סיוע יוערכו. זה מה שנראה בשורה 60 בקובץ CasinoList.tsx:
זו השורה מס' 60:
קרא עוד →reactjs - כתב ספרות שגוי באות הכונן ב-Windows עם Yarn ו-NextJS
הקמתי היום פרויקט חדש באמצעות Yarn ו-NextJS על המחשב שלי Windows. בעת ההפעלה, אני מקבל שגיאה שהחיתוך (casing) אינו "תקין" עבור תיקיית הפרויקט שלי. ספציפית, אני רואה את השגיאות הבאות:
- Invalid casing detected for project dir, received c:\super-amazing-projec קרא עוד →
TypeScript - לפתור בעיית מחזור תלות ביישום NextJS
יש לי בעיה עם מחזור תלות בתוך אפליקציית NextJS שלי שאני כרגע מתקשה לפתור.
הנה הקבצים שלי. כללתי רק את הייבואים שמציגים שגיאת מחזור תלות
store.ts:
import rootSaga from './sagas/rootSaga';import authSliceStore from './slices/auth/authSlice.store'; // Dependency cycle via ./auth/auth.saga const persistConfig = { key: 'ea-root', version: 1, storage, blacklist: ['authError'], }; export const rootReducer = combineReducers({ auth: authSliceStore, }); const קרא עוד →reactjs - nextjs לאלץ טרנספילציה מ-ES6 ל-ES5 להתעלם מ-tsconfig
Nextjs מתעלם מהאפשרות target ב-tsconfig בזמן הקומפילציה. מחלקות ES6 ופונקציות חץ מומרות לפונקציות.
כאשר next build נרשם במסוף
info - Using tsconfig file: ./tsconfig.jsonוהאליאס של הנתיב לא גורם לשגיאה. אז ה-tsconfig שלי מוחל. אבל nextjs מתרגם את כל פונקציות החץ, המחלקות וכו'
// tsconfig.json { "compilerOptions": { "target": "es2020", "lib": [ "webworker קרא עוד →javascript - TypeError: לא ניתן לקרוא מאפיינים של undefined (קריאה ל-'name') ב-Nextjs בעת פריסה ל-Vercel
קיבלתי את הקובץ למטה שמדווח על TypeError.
אני מנסה לפרוס את האפליקציה ב-Vercel באמצעות Nextjs.
TypeError: Cannot read properties of undefined (reading 'name')אנא מצא את הקוד למטה
import { RawNodeDatum } from 'react-d3-tree/lib/types/common'; interface nodeBFSInterface { name: string; tree: RawNodeDatum | RawNodeDatum[]; newNodeName: string; attributes: { type: string; url?: string | undefined; weight?: number | undefined; קרא עוד →webpack - מונורפו: (NextJS 13 + Typescript) ניתוח המודול נכשל
אני מנסה להעביר אפליקציית Next.js 13 שעובדת כרגע למונורפו יחיד. בעצם יצרתי ריפו חדש באמצעות npx create-turbo@latest ואז העברתי את הריפו הקיים שלי (נקרא לו "frontend") לתיקייה apps/. אחרי זה הלכתי והוספתי ב-apps/frontend/package.json את התלות 'ui':
{ "name": "frontend", "version": "0.1.0", "private": true, "dependencies": { ... "ui": "* קרא עוד →typescript - ספק האישורים של Session תמיד מחזיר null עם create-t3-stack (NextJS, NextAuth)
אז אני מנסה לגרום לדף ההתחברות לעבוד עם אימייל וסיסמה מהבסיס נתונים וכאשר אני לוחץ על שליחה של הערכים, תמיד יש לי את הסשן כ-null. זה מה שאני עושה:
CredentialsProvider({ name: "Credentials", credentials: {}, async authorize(credentials: any) { //check user const user: any = await prisma.user.findUnique({ where: { email: credentials.email, }, }); if (!user) { throw new Error(&quo קרא עוד →reactjs - איך אני פותר בעיה עם useRef ב-NextJS?
אני יוצר דף SSG באמצעות Nextjs. ייבאתי את model-viewer על ידי כתיבת תגית ולא של Next.js. ואני רוצה להפעיל AR אוטומטית כאשר המשתמש נכנס לדף הזה. אז אני מפעיל activateAR() ב-useEffect() תוך שימוש ב-useRef אבל מתרחשת שגיאה בגלל הערך 'null' של useRef.
- שימוש ב-'next/link', שגיאה ראשונה -> לרענן? זה עובד.
- שימוש ב- או הקלדת כתובת האתר ישירות בדפדפן, זה עובד ללא שגיאה. למרות שנכון לרגע הראשון מוצג null בחלון הקונסול.
אנא האיר אור על דרכי הפיתוח שלי. 👼
או דף זה הוא
קרא עוד →