بررسی علت بروز خطای Cannot read properties of null هنگام اجرای Component

دپارتمان الکترونیک و کامپیوتر برنامه نویسی وب
, ,
1

سلام وقت بخیر
در حال گذروندن دوره فرانت اند هستم. الان فصل پنجم (React)، بخش اول، قسمت چهارم هستم. مشکلی که دارم اینه که بعد از تبدیل همه بخشهای کد به کامپوننت و انتقالشون به صفحات جدید و استفاده از import و export (مشابه چیزی که جناب شبیری انجام دادن) کد زیر رو دریافت میکنم و کامپوننت ها اجرا نمیشن. و خروجی فقط یک صفحه خالی بنفش رنگ هستش.
TypeError: Cannot read properties of null (reading ‘list’)
at App.render (app.js:79:1)
at kj (react-dom.production.min.js:204:1)
at ij (react-dom.production.min.js:203:1)
at Wk (react-dom.production.min.js:292:1)
at Vk (react-dom.production.min.js:280:1)
at Uk (react-dom.production.min.js:280:1)
at Jk (react-dom.production.min.js:280:1)
at Fk (react-dom.production.min.js:273:1)
at jg (react-dom.production.min.js:127:1)
at Sk (react-dom.production.min.js:274:1)

2

سلام

لطفا کدتون رو هم بذارید که بتونم بررسی کنم

اما به طور کلی باید در کدتون بگردید و ببنید کجا null شده و اون رو کنترل کنید حالا یا با ? یا به هر صورت دیگه ای

ممنونم

3

app.js (2.2 کیلوبایت)
index.js (156 بایت)
input.js (753 بایت)
List.js (2.9 کیلوبایت)
index.html (465 بایت)
package.json (846 بایت)

4

package-lock.json (178.6 کیلوبایت)
style.css (2.4 کیلوبایت)
style.scss (3.0 کیلوبایت)
bundle.js (531.3 کیلوبایت)

5

من نتونستم کد شما رو اجرا کنم …

به طور کلی اگر از شما من یا هر کس دیگه کد خواست معمولا باید کد همون بخشی رو که مشکل دارید بفرستید اونم به صورت متنی … اگر اوکی نبود یا لازم بود کل کد باشه باید کل فولدر رو منهای node_module به صورت zip کنید و ارسال کنید که ساختار پروژه بهم نریزه …

6

ممنون بابت توضیحات . به این صورت درسته؟
render.docx (12.6 کیلوبایت)

8

البته الان خطایی که دریافت میکنم این هستش:

react-dom.production.min.js:189 TypeError: Cannot read properties of null (reading ‘list’)
at App.render (app.js:79:1)
at kj (react-dom.production.min.js:204:1)
at ij (react-dom.production.min.js:203:1)
at Wk (react-dom.production.min.js:292:1)
at Vk (react-dom.production.min.js:280:1)
at Uk (react-dom.production.min.js:280:1)
at Jk (react-dom.production.min.js:280:1)
at Fk (react-dom.production.min.js:273:1)
at jg (react-dom.production.min.js:127:1)
at Sk (react-dom.production.min.js:274:1)
react-dom.production.min.js:127 Uncaught TypeError: Cannot read properties of null (reading ‘list’)
at App.render (app.js:79:1)
at kj (react-dom.production.min.js:204:1)
at ij (react-dom.production.min.js:203:1)
at Wk (react-dom.production.min.js:292:1)
at Vk (react-dom.production.min.js:280:1)
at Uk (react-dom.production.min.js:280:1)
at Jk (react-dom.production.min.js:280:1)
at Fk (react-dom.production.min.js:273:1)
at jg (react-dom.production.min.js:127:1)
at Sk (react-dom.production.min.js:274:1)
:8080/favicon.ico:1
Failed to load resource: the server responded with a status of 404 (Not Found)

9

با عرض پوزش از تاخیر جواب … این سامانه برای من ارسال نوتیف نمی‌کنه …

نه شما فولدری که توش کار کردین رو باید zip کنید (دقت کنید که node_module رو حذف کنید قبلش که حجمش کم بشه)

10

ممنون از شما جناب شبیری. من چون بار اولم هست که دارم نمونه کد ارسال میکنم اصلا به روش کار آشنا نیستم. فایل زیپ رو میفرستم اگه ایرادی بود بهم بگید.
JSX.zip (1.1 مگابایت)

11

توی خط ۱۳ فایل app.js شما دارید this.state رو override می‌کنید یعنی مجدد می‌نویسید و چون الان مقدار state توی localstorage خالیه اونم خالی میشه راه حلش اینه که خط 13 رو به شکل زیر تغییر بدید

 this.state = JSON.parse(localStorage.getItem("state")) || {
      list: [],
      checkedList: [],
    };
12

بله کاملا درسته. اصلا دقت نکرده بودم. مرسی از شما