Storybook: ModuleBuildError: Falha na construção do módulo: SyntaxError: token inesperado

Criado em 23 set. 2017  ·  3Comentários  ·  Fonte: storybookjs/storybook

Acabei de instalar o livro de histórias em meu projeto create-react-app e estou tentando iniciá-lo pela primeira vez. Eu segui a configuração manual literalmente. Parece que o webpack está falhando de alguma forma. A saída de erro é enorme, mas a seção relevante parece ser:

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

A versão do React é 15.6.1.

Usei o config.json padrão especificado nas instruções e estou carregando apenas a história do Button de exemplo (nenhum dos meus próprios módulos).

Não sou especialista em webpack, então não tenho certeza do que está acontecendo aqui.

question / support

Todos 3 comentários

Você pode carregar seu projeto no GitHub como um repositório, se possível? Você pode deixar apenas as partes relacionadas ao livro de histórias

Você também pode querer seguir o guia de início rápido e comparar o resultado com o que você obtém com a configuração manual

Seu webpack ou babel está sem a predefinição de reação.

Sim, descobriu-se que era .babelrc que estava causando o problema. Eu tinha um arquivo .babelrc na raiz do meu projeto, mas não tinha um campo "predefinições" especificado. Adicionar "presets": ["react"] fez com que funcionasse. Obrigado @danielduan

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

ZigGreen picture ZigGreen  ·  3Comentários

tomitrescak picture tomitrescak  ·  3Comentários

arunoda picture arunoda  ·  3Comentários

shilman picture shilman  ·  3Comentários

rpersaud picture rpersaud  ·  3Comentários