Adam Ebrahim نشر 2 مارس 2021 أرسل تقرير مشاركة نشر 2 مارس 2021 (معدل) حاولت تطبيق مثال بسيط للغاية من موقع رياكت الرسمي، وظهر لي الخطأ التالي Uncaught Error: Invariant Violation: _registerComponent(...): Target container is not a DOM element. بالرغم من أن الكود بسيط للغاية إلا أنني لا أفهم رسالة الخطأ أو سببها، هذا الكود الخاص برياكت (المثال): <!doctype html> <html> <head> <title>Example</title> <script> var React = require('react'); var App = React.createClass({ render() { return <h1>Hello, World!</h1>; } }); React.renderComponent(<App />, document.body); </script> </head> <body> body content </body> </html> أرجو المساعدة في حل هذا الخطأ أو شرح رسالة الخطأ نفسها. تم التعديل في 2 مارس 2021 بواسطة Adam Ebrahim 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
1 سامح أشرف نشر 2 مارس 2021 أرسل تقرير مشاركة نشر 2 مارس 2021 رسالة الخطأ تشير إلى أن العنصر المستخدم لعرض مكونات react غير موجود، وهذا لأن كود جافا سكريبت يتم تنفيذه قبل إنشاء العنصر body وبالتالي لا يجده. والحل هو إما وضع كل كود جافا سكريبت داخل حدث DOMContentLoaded أو الأفضل وهو نقل كل كود جافا سكريبت إلى نهاية عنصر body مع إستخدام عنصر div داخلي لعرض مكونات react بدلا من document.body 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Adam Ebrahim
حاولت تطبيق مثال بسيط للغاية من موقع رياكت الرسمي، وظهر لي الخطأ التالي
بالرغم من أن الكود بسيط للغاية إلا أنني لا أفهم رسالة الخطأ أو سببها، هذا الكود الخاص برياكت (المثال):
أرجو المساعدة في حل هذا الخطأ أو شرح رسالة الخطأ نفسها.
تم التعديل في بواسطة Adam Ebrahimرابط هذا التعليق
شارك على الشبكات الإجتماعية
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.