Storybook: ModuleBuildError: Modulerstellung fehlgeschlagen: SyntaxError: Unerwartetes Token

Erstellt am 23. Sept. 2017  ·  3Kommentare  ·  Quelle: storybookjs/storybook

Ich habe gerade ein Storybook in mein create-react-app -Projekt installiert und versuche, das Storybook zum ersten Mal zu starten. Ich folgte dem manuellen Setup wörtlich. Es sieht so aus, als ob das Webpack irgendwie versagt. Die Fehlerausgabe ist riesig, aber der relevante Abschnitt scheint zu sein:

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

Reaktionsversion ist 15.6.1.

Ich habe die in den Anweisungen angegebene Standardkonfiguration config.json verwendet und lade nur die Beispiel-Button-Story (keines meiner eigenen Module).

Ich bin kein Webpack-Experte, also nicht sicher, was hier los ist.

question / support

Alle 3 Kommentare

Können Sie Ihr Projekt bitte als Repo auf GitHub hochladen, wenn dies möglich ist? Sie können nur die Teile belassen, die sich auf das Storybook beziehen

Sie können auch folgen Kurzanleitung mit und vergleichen Sie das Ergebnis , was Sie mit manueller Einrichtung erhalten

In Ihrem Webpack oder Babel fehlt die Reaktionsvoreinstellung.

Ja, es stellte sich heraus, dass .babelrc das Problem verursacht hat. Ich hatte eine .babelrc-Datei im Stammverzeichnis meines Projekts, aber es wurde kein Feld "Voreinstellungen" angegeben. Durch Hinzufügen von "presets": ["react"] hat es funktioniert. Danke @danielduan

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen