Storybook: ModuleBuildError:モジュールのビルドに失敗しました:SyntaxError:予期しないトークン

作成日 2017年09月23日  ·  3コメント  ·  ソース: storybookjs/storybook

ストーリーブックを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の専門家ではないので、ここで何が起こっているのかわかりません。

question / support

全てのコメント3件

可能であれば、プロジェクトをリポジトリとしてGitHubにアップロードしていただけますか? ストーリーブックに関連する部分のみを残すことができます

クイックスタートガイドに従って、手動セットアップで得られる結果と比較することもできます。

WebpackまたはBabeにreactプリセットがありません。

はい、問題の原因は.babelrcでした。 プロジェクトのルートに.babelrcファイルがありましたが、「プリセット」フィールドが指定されていませんでした。 "presets": ["react"]追加すると、機能しました。 ありがとう@danielduan

このページは役に立ちましたか?
0 / 5 - 0 評価