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