اجرا نشدن برنامه آموزشی فصل 1 درس 6

[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;

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

[مهدی حسن زاده]

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

[nickpey.m]

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

[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>
);
}

[مهدی حسن زاده]

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

[nickpey.m]

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

[مهدی حسن زاده]

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

[nickpey.m]

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

[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
این برنامه داره تو آموزش شما خروجی میده
اما برای من خروجی نمیده
مابقی آموزش هم بسیار به این موضوع ربط داره

[مهدی حسن زاده]

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

[nickpey.m]

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

[مهدی حسن زاده]

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

[نویسنده]

نوشته‌ها