عند تنفيذ الأمر npm start تظهر صفحة المشروع فارغة - react

  بتاريخ On 29‏/4‏/2021 at 13:58 قال صـيـت احمد:

weather اسم المشروع

weather-app.zipFetching info...

أظهر المزيد  

السبب في هذا هو خطأ كتابي بسيط لديك في ملف App.js، فقد قمت بكتابة المكون weather بحرف w صغير بالرغم من أن المكون يبدأ بحرف W كبير.

الأكواد بعد التعديل:

import React from "react";

import './App.css';

import "weather-icons/css/weather-icons.css";

import 'bootstrap/dist/css/bootstrap.min.css';

import Weather from './app_component/weather.component';

function App() {
  return (
    <div className="App">
      <Weather/>
    {/* <weather /> */}
    </div>
  );
}

export default App;

هل يمكنكِ إرفاق ملفات المشروع حتى يمكننا المساعدة؟

هل يمكنك رفع المشروع كملف zip؟

أعتقد أن المكون الرئيسي أو أحد المكونات لا يحوي على return الذي يعيد المكون ليتم عرضه.

أي مشكلة في عمل render.

تأكد من console في المتصفح من وجود أخطاء.

  بتاريخ On 29‏/4‏/2021 at 09:07 قال سامح أشرف:

هل يمكنكِ إرفاق ملفات المشروع حتى يمكننا المساعدة؟

أظهر المزيد  

  بتاريخ On 29‏/4‏/2021 at 09:07 قال أحمد حبنكة:

هل يمكنك رفع المشروع كملف zip؟

أظهر المزيد  

تفضل 

App.js

  بتاريخ On 29‏/4‏/2021 at 11:50 قال صـيـت احمد:

 

تفضل 

App.jsFetching info...

أظهر المزيد  

نحتاج لجميع الشيفرات، مثلا weather ماهي؟

أرجو ضغط مجلد المشروع الرئيسي و إرفاقه في تعليق.

شكرا لك

  بتاريخ On 29‏/4‏/2021 at 11:53 قال Wael Aljamal:

نحتاج لجميع الشيفرات، مثلا weather ماهي؟

أرجو ضغط مجلد المشروع الرئيسي و إرفاقه في تعليق.

شكرا لك

أظهر المزيد  

weather اسم المشروع

  بتاريخ On 29‏/4‏/2021 at 09:07 قال أحمد حبنكة:

هل يمكنك رفع المشروع كملف zip؟

أظهر المزيد  

  بتاريخ On 29‏/4‏/2021 at 09:21 قال Wael Aljamal:

أعتقد أن المكون الرئيسي أو أحد المكونات لا يحوي على return الذي يعيد المكون ليتم عرضه.

أي مشكلة في عمل render.

تأكد من console في المتصفح من وجود أخطاء.

أظهر المزيد  

  بتاريخ On 29‏/4‏/2021 at 09:07 قال سامح أشرف:

هل يمكنكِ إرفاق ملفات المشروع حتى يمكننا المساعدة؟

أظهر المزيد  

weather-app.zip

  بتاريخ On 29‏/4‏/2021 at 16:38 قال Yomna Raouf:

السبب في هذا هو خطأ كتابي بسيط لديك في ملف App.js، فقد قمت بكتابة المكون weather بحرف w صغير بالرغم من أن المكون يبدأ بحرف W كبير.

الأكواد بعد التعديل:

import React from "react";

import './App.css';

import "weather-icons/css/weather-icons.css";

import 'bootstrap/dist/css/bootstrap.min.css';

import Weather from './app_component/weather.component';

function App() {
  return (
    <div className="App">
      <Weather/>
    {/* <weather /> */}
    </div>
  );
}

export default App;

 

أظهر المزيد  

اشكرك جدا بالفعل هذا هو الخطأ