React: Hydration failed

تمام خرابیاں مفت
JavaScript

React: Hydration failed

React کا سرور پر رینڈر شدہ HTML ہائیڈریشن کے دوران کلائنٹ کے رینڈر سے مماثل نہیں تھا۔

اس کا مطلب

React کا سرور پر رینڈر شدہ HTML ہائیڈریشن کے دوران کلائنٹ کے رینڈر سے مماثل نہیں تھا۔

ممکنہ وجہ

غیر یقینی آؤٹ پٹ جیسے Date.now()/Math.random()، رینڈر کے دوران استعمال ہونے والی صرف براؤزر والی ویلیوز (window، localStorage)، یا غلط nested HTML۔

اسے کیسے ٹھیک کریں

یقینی بنائیں کہ سرور اور کلائنٹ ایک جیسا مارک اپ رینڈر کرتے ہیں: صرف براؤزر یا وقت پر منحصر منطق کو useEffect میں منتقل کریں، یا اسے mounted فلیگ کے ساتھ ملتوی کریں تاکہ یہ صرف ہائیڈریشن کے بعد چلے۔

دیگر JavaScript خرابیاں

TypeError: Cannot read properties of undefined کوڈ نے undefined (یا null) کی ایک پراپرٹی پڑھنے کی کوشش کی۔ TypeError: Cannot read properties of null کوڈ نے ایک ایسی ویلیو پر پراپرٹی پڑھنے یا میتھڈ کال کرنے کی کوشش کی جو null ہے۔ ReferenceError: x is not defined ایک متغیر یا فنکشن نام استعمال ہوا مگر اسکوپ میں کبھی اعلان نہیں ہوا۔ TypeError: x is not a function کوڈ نے ایسی چیز کو فنکشن کے طور پر کال کرنے کی کوشش کی جو فنکشن نہیں ہے۔ SyntaxError: Unexpected token JavaScript پارسر کو ایک ایسا حرف ملا جس کی اسے توقع نہیں تھی۔ SyntaxError: Unexpected end of JSON input JSON.parse() کو خالی یا کٹی ہوئی سٹرنگ ملی اور یہ پارسنگ مکمل نہیں کر سکا۔ RangeError: Maximum call stack size exceeded کال اسٹیک کی حد سے تجاوز ہو گیا۔ Uncaught (in promise) ایک promise مسترد ہوئی اور کسی نے خرابی نہیں پکڑی۔ Blocked by CORS policy: No 'Access-Control-Allow-Origin' براؤزر نے ایک کراس-اوریجن درخواست بلاک کر دی جس کی سرور نے اجازت نہیں دی۔ TypeError: Failed to fetch fetch() نیٹ ورک درخواست مکمل نہیں کر سکا۔ TypeError: Assignment to constant variable کوڈ نے ایسے ویری ایبل کو دوبارہ تفویض کرنے کی کوشش کی جو const سے ڈیکلیئر کیا گیا تھا۔ TypeError: Cannot convert undefined or null to object ایک آپریشن جو آبجیکٹ کی توقع رکھتا ہے (جیسے Object.keys یا Object.assign) کو null یا undefined ملا۔ SyntaxError: Cannot use import statement outside a module ایک ES import اسٹیٹمنٹ ایسی فائل میں استعمال ہوا جسے ES ماڈیول نہیں سمجھا جاتا۔ TypeError: x.map is not a function کوڈ نے ایسی ویلیو پر .map() کال کیا جو اری نہیں ہے۔

ایرر کوڈ تلاش کے بارے میں

ایرر کوڈ لُک اَپ 12 مختلف کیٹیگریز میں 200 سے زیادہ عام ایرر میسجز اور کوڈز کی قابلِ تلاش ڈائریکٹری ہے: HTTP اسٹیٹس کوڈز، Windows ایرر کوڈز، براؤزر اور نیٹ ورک ایررز، JavaScript، Python، PHP، Node.js اور npm، Java، MySQL، Git، Linux شیل ایررز اور ای میل/SMTP کوڈز۔ ہر انٹری آسان الفاظ میں لکھی گئی ہے تاکہ فوری طور پر مسئلہ حل کیا جا سکے۔

ہر ایرر کو تین حصوں میں سمجھایا گیا ہے: پیغام کا اصل مطلب کیا ہے، عام طور پر اس کی وجہ کیا ہوتی ہے، اور اسے ٹھیک کرنے کے ٹھوس اقدامات کیا ہیں۔ یہ ڈھانچہ ERR_CONNECTION_REFUSED یا 0x80070005 جیسی پراسرار سٹرنگ کو اندازہ لگانے کے بجائے ایک قابلِ عمل چیک لسٹ میں بدل دیتا ہے۔

آپ فہرست کو کیٹیگری کے مطابق فلٹر کر سکتے ہیں، کوڈ، constant یا میسج کے کسی حصے سے تلاش کر سکتے ہیں، اور کسی بھی کوڈ کو ایک کلک میں کاپی کر سکتے ہیں۔ ہر ایرر کا اپنا مخصوص صفحہ بھی ہے جس پر اسی کیٹیگری کے متعلقہ ایررز موجود ہوتے ہیں، تاکہ آپ ٹھیک اسی حل کا لنک بُک مارک یا شیئر کر سکیں۔

ایرر کوڈ تلاش استعمال کرنے کا طریقہ

  1. سرچ باکس میں ایرر کوڈ یا میسج ٹائپ کریں — مثال کے طور پر 404، ERR_NAME_NOT_RESOLVED یا 0x80070005۔
  2. اگر نتائج بہت زیادہ آئیں تو کیٹیگری فلٹر (HTTP، Windows، JavaScript، MySQL وغیرہ) سے انہیں محدود کریں۔
  3. متعلقہ انٹری کھول کر پڑھیں کہ اس کا مطلب کیا ہے، ممکنہ وجہ کیا ہے اور اسے کیسے ٹھیک کیا جائے۔
  4. بگ رپورٹ یا سپورٹ ٹکٹ کے لیے عین کوڈ حاصل کرنے کے لیے کاپی بٹن استعمال کریں۔
  5. اسی کیٹیگری کے دیگر ایررز دیکھنے کے لیے متعلقہ ایررز والا سیکشن چیک کریں۔

اکثر پوچھے جانے والے سوالات

یہ 12 کیٹیگریز کا احاطہ کرتا ہے: HTTP اسٹیٹس کوڈز، Windows سسٹم ایررز، براؤزر اور نیٹ ورک ایررز، JavaScript، Python، PHP، Node.js اور npm، Java، MySQL، Git، Linux شیل ایررز اور ای میل/SMTP جوابی کوڈز — مجموعی طور پر 200 سے زیادہ اندراجات۔

کم الفاظ کے ساتھ تلاش کریں۔ سب سے مختصر منفرد حصہ سب سے بہتر کام کرتا ہے: پورے جملے کے بجائے صرف نمبر والا کوڈ ("404"، "0x80070005") یا constant کا نام ("ERR_NAME_NOT_RESOLVED") لکھیں۔

جی ہاں۔ ہر انٹری کا ایک مخصوص تفصیلی صفحہ ہوتا ہے جو مطلب، ممکنہ وجہ اور حل بیان کرتا ہے، ساتھ ہی اسی کیٹیگری کے متعلقہ ایررز بھی۔ آپ اسے بُک مارک کر سکتے ہیں یا کسی ساتھی یا سپورٹ ٹکٹ کو براہِ راست لنک بھیج سکتے ہیں۔

یہ حل ہر ایرر کے لیے معیاری اور وسیع پیمانے پر تسلیم شدہ طریقہ بیان کرتے ہیں۔ پھر بھی پہلے ممکنہ وجہ والا حصہ پڑھیں — ایک ہی کوڈ کی کئی وجوہات ہو سکتی ہیں، اور اپنی صورتحال سے وجہ کا میل کھانا یہ بتاتا ہے کہ کون سا حل لاگو ہوتا ہے۔

جی ہاں، یہ مکمل طور پر مفت ہے۔ آپ بغیر اکاؤنٹ کے جتنے چاہیں تلاش کر سکتے ہیں، کیٹیگری ڈائریکٹری براؤز کر سکتے ہیں اور ایرر کے تفصیلی صفحات کھول سکتے ہیں۔
شیئر کریں
متعلقہ ٹولز
Code Formatter HTML، CSS اور JavaScript کو خوبصورت بنائیں — re-indent کریں اور line breaks شامل کریں تاکہ بے ترتیب یا minified کوڈ پڑھنے کے قابل ہو۔ مفت
Code Minifier HTML، CSS اور JavaScript کو چھوٹا کریں — تبصرے اور خالی جگہ ہٹا کر فائلیں چھوٹی اور تیز لوڈ ہونے والی بنائیں۔ مفت
اری فارمیٹر ان لائن arrays اور objects کو صاف ستھری انڈینٹ شدہ لائنوں میں پھیلائیں، یا انہیں واپس ان لائن سمیٹیں — PHP، JavaScript، TypeScript، JSON، Python، Ruby اور مزید کے لیے۔ مفت
Regex Tester اپنے براؤزر میں لائیو regular expressions بنائیں، ٹیسٹ کریں اور debug کریں — فوری match ہائی لائٹنگ، capture groups، substitution پیش نظارہ، سادہ زبان میں وضاحت اور 15+ زبانوں کے لیے تیار کوڈ۔ مفت
Cron Expression Builder ایک سادہ، بصری فارم سے cron expression بنائیں — ہر فیلڈ سیٹ کریں، لائیو expression دیکھیں، انسانی زبان میں شیڈول اور اگلے run کے اوقات، پھر کسی بھی expression کو فارم میں واپس parse کریں۔ مفت
JWT Decoder JWT ہیڈر اور payload decode کریں (دستخط کی توثیق نہیں)۔ مفت
مقبول تلاشیں
ایرر کوڈ تلاش ایرر میسج ڈیٹا بیس اس ایرر کا کیا مطلب ہے ونڈوز ایرر کوڈز کروم ایرر کوڈز http ایرر کوڈز کی فہرست ایرر میسج کیسے ٹھیک کریں ایرر کوڈ کا مطلب
مدد چاہیے؟
اس ٹول میں کوئی مسئلہ ملا؟ ہماری ٹیم کو بتائیں۔
مسئلہ رپورٹ کریں

اس مفت ٹول کو اپنی ویب سائٹ پر شامل کریں — نیچے دیا گیا کوڈ کاپی اور پیسٹ کریں۔