Storybook: ModuleBuildError: la construction du module a échoué: SyntaxError: jeton inattendu

Créé le 23 sept. 2017 · 3Commentaires · Source: storybookjs/storybook

Je viens d'installer le livre d'histoires dans mon projet create-react-app , et j'essaye de démarrer un livre d'histoires pour la première fois. J'ai suivi la configuration manuelle textuellement. On dirait que Webpack échoue d'une manière ou d'une autre. La sortie d'erreur est énorme, mais la section pertinente semble être:

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

La version React est 15.6.1.

J'ai utilisé le config.json par défaut spécifié dans les instructions, et je ne charge que l'exemple d'histoire Button (aucun de mes propres modules).

Je ne suis pas un expert en webpack, donc je ne suis pas sûr de ce qui se passe ici.

question / support

Source

ericterpstra

Tous les 3 commentaires

Pouvez-vous s'il vous plaît télécharger votre projet sur GitHub en tant que dépôt si possible? Vous ne pouvez laisser que les parties liées au livre de contes

Vous pouvez également suivre le guide de démarrage rapide et comparer le résultat avec ce que vous obtenez avec la configuration manuelle

Hypnosphi le 23 sept. 2017

Votre webpack ou babel n'a pas le préréglage de réaction.

danielduan le 24 sept. 2017

👍1

Oui, il s'avère que c'était .babelrc qui causait le problème. J'avais un fichier .babelrc à la racine de mon projet, mais il n'y avait pas de champ "préréglages" spécifié. L'ajout de "presets": ["react"] a fait fonctionner. Merci @danielduan

ericterpstra le 25 sept. 2017

🎉1

Cette page vous a été utile?

0 / 5 - 0 notes