javascript - რას აკეთებს ზუსტად NextJS Link კომპონენტი და როგორ უნდა დააჭირო ამ მოვლენას
მოდელი გავაკეთე მარტივი navbar, რომელიც იყენებს JSON მონაცემებს მის ლინკების დინამიკურად შესაქმნელად. ვიზუალურად, მჭირდება navbar-ის შენარჩუნება მიმდინარე აქტიურ ლინკთან/როუთთან. ორი მეთოდი ვცადე:
პირველი იმპლემენტაცია:
მენიუს კომპონენტი:
const ToggleMenuHandler = (e: React.MouseEvent<HTMLElement>) => { clearMenu(); activateItem(e.currentTarget); e.stopPropagation(); } const MenuItems = MenuContent.map(item => { return ( Წაიკითხე მეტი →reactjs - HighCharts Sankey + NextJS: შეცდომა ტიპში: შეუძლებელია წაიკითხოს განცხადება 'Core/Series/Point.js' გაუთვალისწინებელიდან
მე ვცდილობ HighCharts Sankey ჩარტის წარმოჩენას HighCharts React და NextJS-ის გამოყენებით. მე მივყვები HighCharts-ის დოკუმენტაციას იმის შესახებ, თუ როგორ უნდა დაემატოს Sankey მოდული, მაგრამ გვერდი ვარდება ამ ტრაბახით:
TypeError: Cannot read property Წაიკითხე მეტი →reactjs - შეცდომების მიღება tsconfig.json-ში Tailwindcss v3-ის Nextjs-დაპროექტებაში დამატების შემდეგ (create-next-app --typescript)
აქ არის შეცდომა VS კოდში
Cannot find type definition file for 'accepts'. The file is in the program because: Entry point for implicit type library 'accepts'მე ვცადე 'accepts'-ისთვის ტიპების ინსტალაცია ბრძანებით "yarn add @types/accepts", მაგრამ შემდეგ იგივე შეცდომას მაჩვენებს 'body-parser'-ისთვის და ეს ტრაბახი გრძელდება და მიყვება დამატებითი ტიპების დამატების დასახმარებლად სხვადასხვა პაკეტზე, რომლებიც ჩემთვის უცნობია.
პაკეტების ვერსიები:
Წაიკითხე მეტი →typescript - Nextjs-ის შექმნა წარუმატებლად დასრულდა 'workerError'-ით
ეს არის შეცდომა, რომელსაც ვუწყობ მიღებას nextjs აპლიკაციის შექმნის დროს (პროდუქციის აშენება ‘yarn build’-ით).
მე საერთოდ არ მაქვს წარმოდგენა, რაც ეს არის და ვერ ვიპოვნე რესურსები.
გთხოვთ, მომეხმარეთ !!!
TypeError: Converting circular structure to JSON --> starting at object with constructor 'ClientRequest' Წაიკითხე მეტი →reactjs - როგორ შემიძლია მონაცემების განახლება როდესაც მომხმარებელი ელფოსტის დადასტურებას აკეთებს? Supabase Nextjs
მე მსურს განვახლო ჩემი პროფილების ცხრილი, როდესაც ჩემი მომხმარებელი დარეგისტრირდება მაგიური ბმულით.
აქ არის ჩემი მიმდინარე კოდი:
შესვლა.tsx
import { useState } from "react"; import { supabase } from "../lib/initSupaba Წაიკითხე მეტი →reactjs - Home და GetServerSideProps ტიპის შეცდომა Nextjs-ში Typescript-თან
მე ვიბრძვი იმისათვის, რომ ჩემი პირველი Nextjs პროექტი Typescript და next-firebase-auth პაკეტით დავიწყო. მინდა გავაკითხო API getserversideprops-ში და დაბრუნდეს მნიშვნელობა მთავარ კომპონენტში, ამ შემთხვევაში, ინდექსის გვერდზე.
აი როგორ გამოიყურება ახლა
import { Aut Წაიკითხე მეტი →reactjs - NextJS ვებსაიტი ირღვევა პროდუქტიულობაში, მაგრამ განვითარებაზე კარგად მუშაობს
მე ვავითარებ აპლიკაციას NextJS-ის გამოყენებით TypeScript-ით და მივადექი ამ პრობლემას. მე ახალი არ ვარ, მაგრამ არასოდეს შემხვედრია ეს პრობლემა მაშინაც კი, როცა მრავალი მსგავსი პროექტი გავაკეთე და გავაქვეყნე.
იმპულსურად რომ ვთქვათ, შევქმენი ჰორიზონტალური მენიუ (მთავარი მენიუ), რომლის შიგნითაც არის შინაარსი. მაგრამ როცა მთავარ მენიუში გადაადგილდები, აპლიკაცია ძირითადად იჭრება (ეს ხდება მაშინ, როცა მას ჰოსტინგზე ვამუშავებ და არ იწვევს შეცდომებს, როცა ლოკალურად ვიცდი). მიუხედავად ამისა, გვერ
Წაიკითხე მეტი →reactjs - როგორ გავიგოთ, არის თუ არა nextjs-ის შვილები სტრინჯები
მიმდინარე კოდის განახლებამდე შემდეგ 13 ვერსიაზე ყველაფერი კარგად მუშაობდა, ახლა კი vsode-ში მივიღებ ამ typescript შეცდომას, buttonProps არის ტიპის 'ReactI18NextChild | Iterable'. Stack Overflow-ში თქვეს, რომ უნდა მივაწოდო მეტი დეტალი, რადგან ჩემი პოსტი ძირითადად კოდზეა.
ტიპის 'ReactI18NextChild
Წაიკითხე მეტი →typescript - NextJS - ფატალური შეცდომა: არაეფექტური mark-compact-ები heap ლიმიტთან - განცხადება ვერ შესრულდა - JavaScript heap-ი დასრულდა მეხსიერების
მომაქვს NextJS TypeScript აპლიკაცია 30 გვერდით და რამდენიმე დამოკიდებულებით. ვცდილობ ვაშენო იგი უფასო ინსტანციაზე 512MB მეხსიერებით, მაგრამ მშენებლობა ზოგჯერ წარუმატებელი ხდება ტიპების გადამოწმების ნაბიჯზე. მივიღე შეცდომა FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
აქ არის package.json
{ "name": "app", "scripts": { "dev": "next dev", "build": "NODE_OPTIONS=\" --max-
Წაიკითხე მეტი →javascript - მიღება ECONNREFUSED ზარის დროს გარე API-ს NextJS აპლიკაციიდან, რომელიც იყენებს Auth0
მე ამჟამად დავამატე Auth0 ავთენტიფიკაცია ჩემს NextJS აპლიკაციაში მათი დოკუმენტაციის მიხედვით და ვცდილობ დავუკავშირდე გარე ExpressJS აპლიკაციას მათი დოკუმენტაციის მიხედვით: https://github.com/auth0/nextjs-auth0/blob/main/EXAMPLES.md#access-an-external-api-from-an-api-route.
მე მაქვს NextJS რომელიც მუშაობს პორტზე 3000 და Express რომელიც მუშაობს პორტზე 3001.
ჩემი Express სერვერი არის დაყენებული ასე:
const jwtCheck = expressjwt({ secret: jwk Წაიკითხე მეტი →