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