آموزش جاوااسکریپت انجمن ها react js اجرا نشدن برنامه آموزشی فصل 1 درس 6

در حال نمایش 12 نوشته (از کل 12)
  • نویسنده
    نوشته‌ها
  • #51962 پاسخ
    nickpey.m
    مشارکت کننده

    سلام
    من نمیتونم یک کامپوننت ساده مطابق آموزش اجرا کنم
    بارها آموزش رو از اول نگاه کردم . اما جواب نمیده
    =========app.js
    import ‘./App.css’;
    import React from ‘react’;
    import welcome from ‘./components/welcome’;
    const App=()=> {
    return (
    <div className=”App”>
    <welcome />
    <welcome />
    <welcome />
    <welcome />
    <welcome />
    <welcome />
    <welcome />
    <welcome />
    <welcome />
    <welcome />
    </div>
    );
    }

    export default App;

    ================welcome.js
    import React from ‘react’;
    const welcome = () =>{
    return (
    <h1>welcome to my first jsx finally…</h1>
    )

    }
    export default welcome;

    هیچ خروجی ندارم

    #51996 پاسخ

    سلام
    دستور npm start رو اجرا کردید؟

    #52018 پاسخ
    nickpey.m
    مشارکت کننده

    دستور npm start را اجرا کردم
    دقیقا مثل فایل آموزش نوشتم کد رو
    فقط تنها فرقی که داره اینکه ورژن ری اکت من 14 هست

    #52019 پاسخ
    nickpey.m
    مشارکت کننده

    وقتی که فایل welcome را import میکنم پیام زیر بصورت نوتیفیکیشن ظاهر میشه
    ‘welcome’ is declared but its value is never read.ts(6133)
    میگه که هنوز استفادش نکردی
    در صورت که بصورت زیر از اون استفاده کردم
    const App=()=> {
    return (
    <div className=”App”>
    <welcome />
    <h2> this is what i wanna…</h2>

    </div>
    );
    }

    #52024 پاسخ

    چرا از نسخه 14 دارید استفاده می کنید؟
    در ادامه اموزش ما از hooks ها استفاده می کنیم که از نسخه 16.8 به بعد قابل استفاده هستند
    آیا ادرس فایلی که کامپوننت Welcome رو در اون تعریف کردید، درست هست؟

    #52032 پاسخ
    nickpey.m
    مشارکت کننده

    من از سایت ری اکت که در آموزش گفته شده آخرین ورژن نصب کردم که 14 هست
    آدرس هم درست دادم چون خود vs مسیرو تکمیل کرد و در ضمنتو پیامی که ارسال کردم براتون میگه این فایل صدا زده شده اما استفاده نشده .
    امکان داره با انی دسک برسی کنید رو سیستم من ؟

    #52035 پاسخ

    آخرین ورژن در حال حاضر 17.0.11 هست.
    اگر به وب سایت https://reactjs.org/ سر بزنید آخرین نسخه رو میبینید
    حتما سعی کنید برنامه خودتون رو به آخرین نسخه ارتقا بدید
    اگر طبق آموزش پیش برید نباید مشکل خاصی داشته باشید
    الان من دیدم که پسوند یکی از فایل هاتون ts هست و دارید از تایپ اسکریپت استفاده می کنید
    شاید همین موضوع باعث مشکل شده

    #52062 پاسخ
    nickpey.m
    مشارکت کننده

    نسخه 14 مربوط به nodejs هست
    الان من نسخه 15.5.1 از سایت nodejs طبق آموزش نصب کردم
    این پیغام اطلاع رسانی که عرض کردم خدمتتون این هست
    welcome’ is declared but its value is never read.ts(6133)
    برنامه ای که نوشتم دقیقا طبق آموزش هست
    من جایی تعریف نکردم که از ts استفاده کن
    خود نرم افزار داره این نوتیفیکیشن رو میده
    الان میفرمایید چکار کنم ؟

    #52063 پاسخ
    nickpey.m
    مشارکت کننده

    مهندس من دیگه سر در نمیارم
    این سورس کد app.js هست
    import React from ‘react’;
    import ‘./App.css’;
    import welcome from ‘./components/welcome’;

    const App=()=> {
    return (
    <div className=”App”>
    <welcome />

    </div>
    );
    }

    export default App;

    این هم سورس کد welcome.js
    import React from ‘react’;
    const welcome =()=>{
    return(
    <h1>this is here from welcome JS</h1>
    )
    }
    export default welcome
    این برنامه داره تو آموزش شما خروجی میده
    اما برای من خروجی نمیده
    مابقی آموزش هم بسیار به این موضوع ربط داره

    #52070 پاسخ

    نام کامپوننت welcome رو با حرف بزرگ شروع کنید به این صورت Welcome
    تا بتونید از Hook ها استفاده کنید
    همچنین پسوند فایل هاتون رو از ts به js تغییر بدید

    #52085 پاسخ
    nickpey.m
    مشارکت کننده

    سلام
    مشکل همون کاراکتر اول که باید با بزرگ شروع میشد بود
    ممنون از کمک شما
    پسوند فایلم js بود
    باز هم متشکرم

    #52089 پاسخ

    خواهش میکنم
    به این موارد ریز اگر توجه کنید و مطابق ویدئو پیش برید به مشکل بر نمی خورید

در حال نمایش 12 نوشته (از کل 12)
پاسخ به: اجرا نشدن برنامه آموزشی فصل 1 درس 6
اطلاعات شما: