Storybook: ModuleBuildError: فشل بناء الوحدة النمطية: خطأ في التركيب: رمز مميز غير متوقع

تم إنشاؤها على ٢٣ سبتمبر ٢٠١٧  ·  3تعليقات  ·  مصدر: storybookjs/storybook

لقد قمت للتو بتثبيت القصص القصيرة في مشروعي create-react-app ، وأنا أحاول بدء كتاب القصة لأول مرة. لقد اتبعت الإعداد اليدوي حرفيًا. يبدو أن حزمة الويب تفشل بطريقة ما. ناتج الخطأ ضخم ، ولكن يبدو أن القسم ذي الصلة هو:

 [ ModuleBuildError: Module build failed: SyntaxError: Unexpected token (7:8)

           5 | storiesOf('Button', module)
           6 |     .add('with text', () => (
        >  7 |         <button onClick={action('clicked')}>Hello Button</button>
             |         ^
           8 |     ))
           9 |     .add('with some emoji', () => (
          10 |         <button onClick={action('clicked')}>😀 😎 👍 💯</button>

نسخة React هي 15.6.1.

لقد استخدمت config.json الافتراضي المحدد في التعليمات ، ولا أقوم إلا بتحميل مثال Button Story (لا أحد من الوحدات النمطية الخاصة بي).

لست خبيرًا في حزمة الويب ، لذا لست متأكدًا مما يحدث هنا.

question / support

ال 3 كومينتر

هل يمكنك من فضلك تحميل مشروعك على GitHub كمسترجع إن أمكن؟ يمكنك ترك الأجزاء المتعلقة بالقصة فقط

قد ترغب أيضًا في اتباع دليل البدء السريع ومقارنة النتيجة بما تحصل عليه من خلال الإعداد اليدوي

يفتقد webpack أو babel الإعداد المسبق للتفاعل.

نعم ، اتضح أن سبب المشكلة كان .babelrc. كان لدي ملف .babelrc في جذر مشروعي ، ولكن لم يتم تحديد حقل "إعدادات مسبقة" فيه. إضافة "presets": ["react"] نجح في ذلك. شكرا danielduan

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات