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

احمد مصطفى14 · 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')

السؤال

احمد مصطفى14

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

Recommended Posts

عمر قره محمد

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية