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

بتاريخ 2 ساعات قال صـيـت احمد:

weather اسم المشروع

weather-app.zip

السبب في هذا هو خطأ كتابي بسيط لديك في ملف 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 في المتصفح من وجود أخطاء.

بتاريخ 2 ساعات قال سامح أشرف:

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

بتاريخ 2 ساعات قال أحمد حبنكة:

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

تفضل 

App.js

بتاريخ 2 دقائق مضت قال صـيـت احمد:

 

تفضل 

App.js

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

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

شكرا لك

بتاريخ 2 ساعات قال Wael Aljamal:

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

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

شكرا لك

weather اسم المشروع

بتاريخ 5 ساعات قال أحمد حبنكة:

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

بتاريخ 4 ساعات قال Wael Aljamal:

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

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

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

بتاريخ 5 ساعات قال سامح أشرف:

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

weather-app.zip

بتاريخ 1 ساعة قال 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;

 

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