آموزش جاوااسکریپت › انجمن ها › react js › اجرا نشدن برنامه آموزشی فصل 1 درس 6
برچسب ها: اجرا نشدن برنامه آموزشی
- این موضوع 11 پاسخ، 2 کاربر را دارد و آخرین بار در 2 سال، 4 ماه پیش بدست مهدی حسن زاده بهروزرسانی شده است.
-
نویسندهنوشتهها
-
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 بود
باز هم متشکرممهدی حسن زادهمدیرکلخواهش میکنم
به این موارد ریز اگر توجه کنید و مطابق ویدئو پیش برید به مشکل بر نمی خورید -
نویسندهنوشتهها