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,并且仅加载示例Button故事(我自己的模块均未提供)。

我不是webpack专家,所以不确定这里发生了什么。

question / support

所有3条评论

如果可以的话,能否将您的项目作为仓库上传到GitHub? 您只能保留与故事书相关的部分

您可能还需要遵循快速入门指南,并将结果与​​手动设置得到的结果进行比较

您的webpack或babel缺少反应预设。

是的,事实证明是.babelrc引起了该问题。 我在项目的根目录中有一个.babelrc文件,但没有指定“预设”字段。 添加"presets": ["react"]可以正常工作。 谢谢@danielduan

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

arunoda picture arunoda  ·  3评论

sakulstra picture sakulstra  ·  3评论

tlrobinson picture tlrobinson  ·  3评论

miljan-aleksic picture miljan-aleksic  ·  3评论

rpersaud picture rpersaud  ·  3评论