حل مشكلة Alpine Expression Error: Cannot read properties of undefined (reading 'after')

أحمد مصطفى كامل · 10 نوفمبر 2022

يظهر لى هذا الخطا عن كتابه كود Alpine Js
لا اعلم السبب
Alpine Expression Error: Cannot read properties of undefined (reading 'after')

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    @vite(['resources/css/app.css', 'resources/js/app.js'])
{{-- <script defer src="https://unpkg.com/alpinejs@3.10.5/dist/cdn.min.js"></script> --}}

</head>


<body class="text-gray-700 bg-gray-300">




    <div class="container mx-auto text-lg mt-6" x-data="{  faqs: [
        {
            question : 'Q1',
            answer : 'answer1 our technology and expanding our product offering to stay at the cutting edge of technology',
            isOpen : false,
        },
        {
            question : 'Q2',
            answer : 'answer2 our technology and expanding our product offering to stay at the cutting edge',
            isOpen : false,
         },
         {
            question : 'Q2',
            answer : 'answer2 our technology and expanding our product offering to stay at the cutting edge of',
            isOpen : false,
        },
         ]}">


        <h2 class="text-2xl font-bold">FAQs</h2>


        <template x-for="faq in faqs" :key="faq.question">
            <h1 x-text="faq.answer"></h1>

        </template>

    </div>






</body>

</html>

وهذا هو ال doc الخاص بهذه الجزئيه
https://alpinejs.dev/directives/for
لا اعرف اين الخطا

عمر قره محمد · 10 نوفمبر 2022

المشكلة أنك استخدمت نفس الـ key مرتين لاحظ :

[
  {
    question : 'Q1',
    answer : 'answer1 our technology and expanding our product offering to stay at the cutting edge of technology',
    isOpen : false,
  },
  {
    question : 'Q2',
    answer : 'answer2 our technology and expanding our product offering to stay at the cutting edge',
    isOpen : false,
  },
  {
    // هنا key استخدمت نفس الـ 
    // مرتين Q2 حيث كررت الـ 
    question : 'Q2',
    answer : 'answer2 our technology and expanding our product offering to stay at the cutting edge of',
    isOpen : false,
  },
]

عدل الـ Q2 إلى Q3 وستحل المشكلة.

حل مشكلة Alpine Expression Error: Cannot read properties of undefined (reading 'after')

السؤال

أحمد مصطفى كامل

رابط هذا التعليق

شارك على الشبكات الإجتماعية

1 جواب على هذا السؤال

Recommended Posts

عمر قره محمد

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية