راکت
حل شده

رفرش نشدن خودکار next js

5 پاسخ

سلام دوستان خسته نباشید.
برنامه next js من که دارم روش کار می کنم از دیروز تغییرات رو به صورت اتومات اپدیت نمی کنه.یعنی حتی رفرش هم کنم هیچ تغییری چه در استایل و چه در تگ های html که انجام دادم رو نشون نمی ده و هر بار مجبورم برنامه رو متوقف و دوباره run کنم.
اروری هم نمیده.فقط یه warn میده:

TypeError: Cannot read properties of null (reading 'length')
    at eval (webpack-internal:///./node_modules/next/dist/client/dev/error-overlay/***-dev-client.js:316:47)

کسی میدونه مشکل از چیه؟

جواد
جواد
@sherlockkh221
ثبت پرسش جدید

پاسخ‌ها

5
T Game
T Game
@TGame
بهترین پاسخ

سلامی دوباره
دیروز که پاسخ دادم حدس زدم باگی چیزی باشه چون تاحالا به این مورد برخورد نکرده بودم امروز که دیدم مشکلت حل نشده رفتم سرچ زدم مثل اینکه باگ هست.
لینک stackoverflow

در مورد کدی هم که فرستادی ایرادی نداره اگه برنامه به درستی کار میکنه که مشکل از کد هایی که نوشتی نیست و صرفا این موارد باگن که باید صبر کنی تا فیکسش کنن ( این وارنینگ جدید هم که فرستادی تو گیت هاب nextjs گزارش دادن لینکش )

T Game
T Game
@TGame

سلام دوست عزیز
از چه ورژنی استفاده میکنی ؟ اگه 13 هست به احتمال زیاد باگ باشه چون به این مورد برخورد نکردم تاحالا. سعی کن next رو به اخرین ورژن اپدیت کنی ( به احتمال زیاد برطرف میشه ) یا اگه اپدیت هست باید صبر کنی تو ورژن های بعدی فیکسش کنن.

جواد
جواد
@sherlockkh221

خیلی ممنونم از پاسختون.
نمی دونم دقیقا مشکی از چیه.
کل اینترنت و stackoverflow رو زیر و رو کردم مورد مشابه ای پیدا نکردم.
ولی خودم حدس می زنم مشکل از نحوه ی کار کردن من با استیت هاست یه جایی دارم یه اشتباه خیلی ساده انجام میدم.
چون دو سه تا از استیت ها هستند که وقتی روشون کلیک می کنم صفحه خیلی سریع رفرش می شه.
به لحاظ ورژن اخرین ورژن هست.
این یکی از استیت هاست.من اولین بار هست با next کار می کنم.زحمتی نیست شما یه نگاه بنداز ببین ایرادی داره :

            {
                show ?
                <OptionCon>
                {
                    Data.map(item =>
                    <Option key={item.key}>
                        <div>{item.name}</div>
                        <ChangeNumCon>
                            <ControlPointIcon style={{cursor : 'pointer'}} onClick={()=>PassPlus(item)} />
                            <Num>{item.number}</Num>
                            <RemoveCircleOutlineIcon style={{cursor : 'pointer'}}  onClick={()=> PassReduce(item)} />
                        </ChangeNumCon>
                    </Option>)
                }
                {
                    WarnShow ?
                    <Warn>تعداد مسافران نمی تواند بیش از 9 نفر باشد</Warn>
                    : null
                }
                </OptionCon> :
                null
            }

شاید پاسخ شما همین‌جا باشد

جواد
جواد
@sherlockkh221

آقا من امتحان کردم.وقتی nextjs رو نصب می کنی به محض اینکه اولین پکیج رو حالا هرچی که باشه نصب می کنی وارنینگ زیر برات میاد :

warn  - Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/basic-features/fast-refresh#how-it-works
Error: apply() is only allowed in ready status (state: idle)
    at http://localhost:3000/_next/static/chunks/fallback/webpack.js?ts=1669626654508:588:21

یا وقتی یه ذره برنامه رو توسعه میدی ارور تبدیل میشه به این و دیگه از این جا به بعد مجبور میشی برای دیدن تغییرات هر بار برنامه رو دوباره اجرا کنی :

warn  - Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/basic-features/fast-refresh#how-it-works
TypeError: Cannot read properties of null (reading 'length')
    at eval (webpack-internal:///./node_modules/next/dist/client/dev/error-overlay/***-dev-client.js:316:47)

آقای موسوی نظر شما چیه؟چیکار کنیم؟
@hesammousavi

جواد
جواد
@sherlockkh221

بله تشکر مثل این که تازه این مشکل به وجود اومده لینگ گیت هابی که گذاشتین برای دیروز هست.
ولی بعد از دو روز کلنجار رفتن متوجه شدم این باگ به رفرش نشدن صفحه مربوط نیست بلکه به اون مشکل دومی که گفتم که موقع تغییر استیت ها صفحه یه لحظه رفرش میشه مربوطه.
همه ی اسامی فایل ها و فولدر هارو و همینطور آدرس هایی که از اون جا چیزی ایمپورت می کنیم رو حرف کوچیک کردم رفرش شدن خودکار صفحه درست شد.
ولی اون ایراد تغییر استیت و رفرش شدن هنوز هست.
فکر کنم باید ورژن های پایین تر نصب کنم.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام