توضیحات

در این جلسه به بخش منو محصولات (کامپوننت ProductTab) در صفحه اصلی پروژه از دوره آموزش ساخت فروشگاه اینترنتی با نکست جی اس (next.js) میپردازیم.


javascript جاوا اسکریپت جاوااسکریپت فروشگاه_اینترنتی react ری اکت next.js نکست جی اس نکست جی اس ورژن 14 next.js v14 نکست جی اس ورژن 15 next.js v15

مدرس دوره علی شیخ
مدت دوره 36:41:55
تعداد ویدیو 170

وضعیت دوره : کامل شده
قیمت دوره : 799,000 719,000 تومان

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • سلام خسته نباشید در فایل next.config.mjs من کلیه کار ها رو انجام می دم مثلا کد من به صورت

    
    
    /** @type {import('next').NextConfig} */
    const nextConfig = {
    images: {
    remotePatterns: [
    {
    protocol: 'http',
    hostname: '127.0.0.1', // تغییر به IP آدرس
    port: '8000',
    pathname: '/**',
    },
    // اگر می‌خواهید هر دو کار کنند
    {
    protocol: 'http',
    hostname: 'localhost',
    port: '8000',
    pathname: '/**',
    },
    ],
    },
    };

    export default nextConfig;


    اما متاسفانه هنوز باگ می ده و عکس رو نمی خونه و می گه که :
    upstream image http://localhost:8000/images/articles/63-Screenshot%20(1808).png resolved to private ip ["::1","127.0.0.1"]

    • سلام وقت بخیر.
      این موضوع بخاطر امنیت بیشتر هست که درخواست به لوکال را قبول نمیکنه
      توی همین فایل کانفیگ توی بخش images مقدار dangerouslyAllowLocalIP: true را اضافه و تست کنید.

  • components\products\ProductsTab.js (14:21) @ map
    
    ⨯ TypeError: Cannot read properties of undefined (reading 'map')
    at ProductsTab (./components/products/ProductsTab.js:30:39)
    at stringify (<anonymous>)
    12 |
    13 | <ul className="filters_menu">
    > 14 | {tabList.map((list,index)=> {<li key={index}>{list}</li>})}
    | ^
    15 |
    16 | </ul>
    17 |

    سلام ارور map دارم

    • سلام وقت بخیر.
      متن ارور نوشته که متغیر شما تعریف شده نیست که روش map زدید باید قبلش متغیرهاتون را لاگ و بررسی کنید.
      همچنین لطف کنید توی نوشتن متن کامنت، کدها و یا متن های ارور را بین سه عدد بک تیک قرار داده و کامنت را ارسال کنید.