ストーリーブックをcreate-react-app
プロジェクトにインストールしたばかりで、初めてストーリーブックを開始しようとしています。 私は手動のセットアップを逐語的に実行しました。 webpackが何らかの理由で失敗しているようです。 エラー出力は膨大ですが、関連するセクションは次のようです。
[ 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>
Reactのバージョンは15.6.1です。
手順で指定されているデフォルトのconfig.jsonを使用し、サンプルのボタンストーリーのみをロードしています(自分のモジュールはありません)。
私はwebpackの専門家ではないので、ここで何が起こっているのかわかりません。
可能であれば、プロジェクトをリポジトリとしてGitHubにアップロードしていただけますか? ストーリーブックに関連する部分のみを残すことができます
クイックスタートガイドに従って、手動セットアップで得られる結果と比較することもできます。
WebpackまたはBabeにreactプリセットがありません。
はい、問題の原因は.babelrcでした。 プロジェクトのルートに.babelrcファイルがありましたが、「プリセット」フィールドが指定されていませんでした。 "presets": ["react"]
追加すると、機能しました。 ありがとう@danielduan