# tsParticles غير معرف على الرغم من وجوده

**URL:** <https://meta.discourse.org/t/tsparticles-not-defined-even-though-it-is/332311>\
**Category:** Development\
**Created:** [23 أكتوبر 2024، 9:47ص UTC](https://meta.discourse.org/t/tsparticles-not-defined-even-though-it-is/332311 "2024-10-23T09:47:28Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Alteras](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alteras/32/582398_2.png) [@Alteras](https://meta.discourse.org/u/Alteras)\
**Post date:** [23 أكتوبر 2024، 7:07م UTC](https://meta.discourse.org/t/tsparticles-not-defined-even-though-it-is/332311/2 "2024-10-23T19:07:05Z")

</div>

يبدو أن هناك حالة تسابق حيث يتم تشغيل `tsParticles.load()` قبل اكتمال تحميل ملف js.\n\nنظرًا لأنك موجود بالفعل في عنصر `\u003chead\u003e`، يمكنك على الأرجح استخراج الكود لإنشاء علامة نص برمجي لـ tsParticles، وجعلها علامة نص برمجي فعلية بحيث يتم تحميلها مع الصفحة بدلاً من تحميلها بعد انتهاء تحميل الصفحة.\n\nإذا كنت بحاجة إلى الاحتفاظ بتحميل النص البرمجي في ملف js، يمكنك تشغيل الكود في حدث [load](https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event).\n\n`js\nconst script = document.createElement('script');\nscript.addEventListener(\"load\", () =\u003e {\n console.log(\"called\", tsParticles);\n initTsParticles();\n })\nscript.src = \"https://cdn.jsdelivr.net/npm/@tsparticles/preset-links@3.0.2/tsparticles.preset.links.bundle.min.js\";\ndocument.head.appendChild(script);\n\nfunction initTsParticles() {\n tsParticles.load({\n ...\n });\n}\n`

---

_[View the full topic](https://meta.discourse.org/t/tsparticles-not-defined-even-though-it-is/332311)._