جاوااسکریپت - خطای TypeError نمی‌تواند ویژگی 'cwd' را از undefined بخواند در یک پروژه تایپ‌اسکریپت و NextJS

من این خطا را زیاد در وب دیده‌ام اما نه چندان در موردی که برایم جالب است.

هر بار که yarn dev را اجرا می‌کنم، خطای زیر را دریافت می‌کنم:

next-dev.js?53bc:89 Error was not caught TypeError: Cannot read property 'cwd' of undefine

ادامه مطلب →

تایپ‌اسکریپت - مشکل وارد کردن ماژول ESM در NextJs/TS

محفظه کد

من در حال مهاجرت برخی کدها به NextJS 11/Webpack 5 هستم و همچنین برخی ماژول‌ها که اکنون فقط esm هستند (کل اکوسیستم remark/unified).

قبل از ارتقا، من می‌توانستم همه فایل‌ها را به عنوان یک خلاصه در یک index.ts در پوشه‌ای مانند این صادر کنم:

export { default as MarkdownRenderer } from './markdownRender

ادامه مطلب →

جاوااسکریپت - چگونه مشکل نوع‌ها در NextJs (تایپ‌اسکریپت) را حل کنیم؟

من از Next.js با TypeScript استفاده می‌کنم و می‌خواهم از ویژگی skipLibCheck=false برای بررسی‌های اضافی استفاده کنم. اما به خاطر این بررسی اضافی، ساخت پروژه شکست می‌خورد و خطای زیر رخ می‌دهد.

خطا

info - Using webpack 5. Reason: Enabled by default http

ادامه مطلب →

typescript - Nextjs چگونه فولدر سفارشی را در Vercel به محیط تولید منتقل کنیم

من اخیراً توسعه در محیط NextJS را آغاز کرده‌ام. در پروژه‌ام، چند فایل JSON داخل یک پوشه در دایرکتوری ریشه دارم و محتوای آن فایل‌ها را در کد خود می‌خوانم. این کار به‌خوبی روی ماشین محلی من کار می‌کند، اما وقتی به محیط تولید روی سرور Vercel می‌رود، نمی‌تواند فایل را بخواند زیرا فایل روی سرور وجود ندارد

ادامه مطلب →

reactjs - راه‌اندازی Stylelint با Emotionjs در یک پروژه NextJS

من دارم تلاش می‌کنم Stylelint را به یک پروژه جدید NextJS با Typescript و EmotionJS اضافه کنم و تقریباً هیچ قانونی روی فایل‌های استایل من کار نمی‌کند، تنها خطایی که توانستم ببینم Unknown word CssSyntaxError بود.

این خطای Unknown word اتفاق می‌افتد چون من از نحو CSS در JS استفاده می‌کنم و با اضافه کردن این خط در .eslintrc رفع شد همانطور که در اینجا فهمیدم

{ ... "customSyntax": "@stylelint/postcss-css-in-js&q

ادامه مطلب →

جاوااسکریپت - تایپ‌اسکریپت و نکست‌جی‌اس: SyntaxError: توکن غیرمنتظره 'export'

من در حال تلاش برای توسعه یک اپلیکیشن تخته آنلاین (پروژه برای پرتفوی) با ری‌اکت، نکست‌جی‌اس و تایپ‌اسکریپت هستم. (برای اولین بار از تایپ‌اسکریپت استفاده می‌کنم)

پس من مشکل دارم در وارد کردن roughjs به canvas.tsx.

در اینجا canvas.tsx است:

import React, {useLayoutEffect} fro

ادامه مطلب →

جاوااسکریپت - فرم Nodemailer Nextjs Typescript ایمیل‌ها را ارسال نمی‌کند

من روی یک پروژه شخصی با Next.js Typescript و Nodemailer کار می‌کنم. این اولین بار است که از Nodemailer استفاده می‌کنم. من در راه‌اندازی آن مشکل دارم. من این آموزش را دنبال می‌کنم. کد من در زیر همانطور که در آموزش است آمده است.

Nodemailer.ts: اینجا مجبور شدم نوع APIResponse را با any جایگزین کنم زیرا کد به من خطا می‌داد، و VSCode به من پیشنهاد کرد که آن تابع را در پایین فایل ایجاد کنم.

ادامه مطلب →

ری‌اکت‌جی‌اس - چگونه از useContext در ری‌اکت/نکست‌جی‌اس با تایپ‌اسکریپت استفاده کنیم

من تازه وارد دنیای تایپ‌اسکریپت هستم و در حال ایجاد یک پروژه جدید در نکست‌جی‌اس با استفاده از تایپ‌اسکریپت هستم و می‌خواهم قابلیت احراز هویت را به آن اضافه کنم، بنابراین از createContext استفاده می‌کنم. قبلاً از جاوااسکریپت استفاده می‌کردم که در آن نیازی به تعریف مقدار پیش‌فرض هنگام ایجاد کانتکست نبود. این‌ها برخی از خطاهایی هستند که در وی‌اس‌کُد خود می‌گیرم، لطفاً اگر کسی با کد راهنمایی‌ام کند، عالی خواهد بود.

ادامه مطلب →

جاوااسکریپت - NextJs <Link> اسکریپت‌ها را دوباره اجرا نمی‌کند

وقتی از تگ <Link> در NextJs برای حرکت بین صفحات استفاده می‌کنم، اسکریپت‌هایم بعد از تغییر صفحات دوباره اجرا نمی‌شوند. این اسکریپت‌ها فقط بعد از اولین بارگذاری صفحه یا وقتی که دکمه بازخوانی را می‌زنم اجرا می‌شوند. وقتی به جای آن از تگ‌های معمولی <a> استفاده می‌کنم، کار می‌کند چون صفحه بعد از هر حرکت تازه می‌شود

ادامه مطلب →

جاوااسکریپت - پنهان کردن دیو هنگام کلیک بیرون تایپ‌اسکریپت، نکست‌جی‌اس، تیلویندسی‌اس‌اس

من یک مودال با تایپ‌اسکریپت، نکست‌جی‌اس و تلویند‌سی‌اس دارم. می‌خواهم وقتی بیرون مودال کلیک می‌کنم، مودال مخفی شود. اما در فایل tsx با برخی خطاهای نوع و خطاهای دیگر مواجه می‌شوم.

در jsx به‌خوبی کار می‌کند ولی در tsx کار نمی‌کند. خیلی خیلی ممنون می‌شوم اگر کسی در این مورد به من کمک کند. پیشاپیش از ش

ادامه مطلب →