ค้นหาเว็บไซต์
reactjs - วิธีการจัดเก็บ JWT ในคุกกี้อย่างถูกต้องใน React โดยใช้ NextJS กับ TypeScript และ useContext hook
ผู้ใช้ถูกตั้งค่าและยังคงอยู่ในทุกหน้า แต่เมื่อรีเฟรชหน้าต่างเบราว์เซอร์ ผู้ใช้จะถูกออกจากระบบ ไม่แน่ใจว่าปัญหาเกิดจากวิธีที่ฉันตั้งคุกกี้หรือไม่ คำแนะนำหรือวิธีทางเลือกใด ๆ ยินดีมาก
นี่คือไฟล์ UserContext:
import { destroyCookie } from "nookies"; import { setCookie } from "nookies"; import React from "react"; // import { useCookies } from "react-cookie" import cookie from "cookie"; import { Person, อ่านต่อไป →typescript - ไม่สามารถเข้าถึงตัวแปรก่อนการเริ่มต้นใน getServerSideProps ของ NextJS
ฉันกำลังทำงานกับ Firebase และกำลังเริ่มต้นใช้งาน API และฟังก์ชันเพื่อดึงข้อมูลที่ฉันต้องการในไฟล์ firebase.tsx แล้วจึงนำเข้าพวกมันในไฟล์ pages/index.tsx ของฉัน แต่ไม่สามารถเข้าถึงการส่งออกหลังจากการเริ่มต้น Firebase app
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"; i อ่านต่อไป →reactjs - คำเตือน: Prop `id` ไม่ตรงกัน เซิร์ฟเวอร์ใน NextJS
ฉันกำลังพยายามกำจัดคำเตือนในโครงการของฉัน:
react-dom.development.js?61bb:67 Warning: Prop `id` did not match. Server: "t4j6jv-aria" Client: "v0lutu9-aria"น่าเสียดายที่ฉันไม่รู้ว่าปัญหานี้เกิดจากอะไร ขอความช่วยเหลือหรือคำแนะนำใด ๆ จะขอบคุณมาก นี่คือลักษณะของบรรทัดที่ 60 ในไฟล์ CasinoList.tsx:
อ่านต่อไป →reactjs - การใช้ตัวอักษรใหญ่/เล็กไม่ถูกต้องในตัวอักษรไดรฟ์ของ Windows กับ Yarn และ NextJS
ฉันได้ตั้งค่าโปรเจกต์ใหม่โดยใช้ Yarn และ NextJS บนเครื่อง Windows ของฉันวันนี้ เมื่อเริ่มต้น ฉันได้รับข้อผิดพลาดว่าตัวอักษรของชื่อไดเรกทอรีโปรเจกต์ของฉัน "ไม่ถูกต้อง" โดยเฉพาะ ฉันเห็นข้อผิดพลาดดังต่อไปนี้:
- Invalid casing detected for project dir, อ่านต่อไป →
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 = combine อ่านต่อไป →reactjs - nextjs บังคับทรานสไพล์ es6 เป็น es5 ไม่สนใจ tsconfig
Nextjs ไม่สนใจตัวเลือก target ของ tsconfig เมื่อคอมไพล์ คลาส Es6 และฟังก์ชันลูกศรถูกแปลงเป็นฟังก์ชัน
เมื่อ next build มันจะแสดงในเทอร์มินัล
info - Using tsconfig file: ./tsconfig.jsonและ alias ของ path ไม่ทำให้เกิดข้อผิดพลาด ดังนั้น tsconfig ของฉันจึงถูกนำไปใช้ แต่ nextjs แปลงทุกฟังก์ชันลูกศร คลาส เป็นต้น
// tsconfig.json { "compilerOptions": { "target": "es2020", "lib" อ่านต่อไป →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 | อ่านต่อไป →webpack - Monorepo: (NextJS 13 + Typescript) การวิเคราะห์โมดูลล้มเหลว
ฉันกำลังพยายามย้ายแอป Next.js 13 ที่ใช้งานอยู่ในปัจจุบันไปยัง monorepo เดียว โดยพื้นฐานแล้วฉันสร้างรีโปใหม่โดยใช้ npx create-turbo@latest แล้วจากนั้นก็ย้ายรีโปที่มีอยู่ของฉัน (ขอเรียกว่า "frontend") ไปที่โฟลเดอร์ apps/ หลังจากนั้นฉันก็ไปและเพิ่ม dependency 'ui' ใน apps/frontend/package.json:
{ "name": "frontend", "version": "0.1.0", "private": true, "dependencies": อ่านต่อไป →typescript - เซสชันของ Credentials Provider มักจะคืนค่าเป็น null กับ create-t3-stack (NextJS, NextAuth)
ดังนั้นฉันพยายามทำให้หน้าล็อกอินทำงานกับอีเมลและรหัสผ่านจากฐานข้อมูล และเมื่อฉันคลิกส่งค่าที่กรอกไป ค่าของ session มักจะเป็น null เสมอ นี่คือตัวอย่างที่ฉันกำลังทำอยู่:
CredentialsProvider({ name: "Credentials", credentials: {}, async authorize(credentials: any) { //check user const user: any = await prisma.user.findUnique({ where: { email: credentials.email, }, }); if (!user) { อ่านต่อไป →reactjs - ฉันจะแก้ปัญหาเกี่ยวกับ useRef ของ NextJS ได้อย่างไร?
ฉันกำลังสร้างหน้า SSG โดยใช้ Nextjs ฉันได้นำเข้า model-viewer โดยการเขียนแท็ก แทนที่จะใช้ ของ Next.js และฉันต้องการให้ AR ทำงานโดยอัตโนมัติเมื่อผู้ใช้เข้ามาที่หน้านี้ ดังนั้นฉันจึงเรียก activateAR() ใน useEffect() โดยใช้ useRef แต่เกิดข้อผิดพลาดเนื่องจากค่าของ useRef เป็น 'null'
- การใช้ 'next/link', ข้อผิดพลาดแรก -> รีเฟรช? มันใช้งานได้.
- การใช้หรือลิงก์ URL โดยตรงบนเบราว์เซอร์ สามารถใช้งานได้โดยไม่มีข้อผิดพลาด แม้ว่าจะมีการแสดงค่า null บนหน้าต่างคอนโซลในตอนแรก
โ
อ่านต่อไป →