Storybook: ModuleBuildError: Pembuatan modul gagal: SyntaxError: Token tak terduga

Dibuat pada 23 Sep 2017  ·  3Komentar  ·  Sumber: storybookjs/storybook

Baru saja menginstal buku cerita ke dalam proyek create-react-app , dan saya mencoba memulai buku cerita untuk pertama kalinya. Saya mengikuti pengaturan manual kata demi kata. Sepertinya webpack gagal. Output kesalahan sangat besar, tetapi bagian yang relevan tampaknya:

 [ 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>

Versi React adalah 15.6.1.

Saya menggunakan config.json default yang ditentukan dalam instruksi, dan saya hanya memuat contoh cerita Tombol (tidak ada modul saya sendiri).

Saya bukan ahli webpack, jadi tidak yakin apa yang terjadi di sini.

question / support

Semua 3 komentar

Bisakah Anda mengunggah proyek Anda ke GitHub sebagai repo jika memungkinkan? Anda hanya dapat meninggalkan bagian yang terkait dengan buku cerita

Anda mungkin juga ingin mengikuti panduan memulai cepat dan membandingkan hasilnya dengan apa yang Anda dapatkan dengan penyetelan manual

Paket web atau babel Anda tidak memiliki preset react.

Ya, ternyata .babelrc yang menyebabkan masalah tersebut. Saya memiliki file .babelrc di root proyek saya, tetapi tidak memiliki kolom "preset" yang ditentukan. Menambahkan "presets": ["react"] membuatnya berfungsi. Terima kasih @danielduan

Apakah halaman ini membantu?
0 / 5 - 0 peringkat