使用 Column 的 react-bulma 组件导致意外令牌答案

【问题标题】：react-bulma components using Column results in unexpecteed token使用 Column 的 react-bulma 组件导致意外令牌
【发布时间】：2020-03-18 19:11:06
【问题描述】：

我有一个试图渲染两列的反应组件：

render() {
  return (
    <Section>
       <Container>
          <Columns>
             <Columns.Column size={6}>
               <SearchCard />
             </Columns.Column>

             <Columns.Column size={6}>
               <DocumentCard/>
             </Columns.Column>
          </Columns>
       </Container>
    </Section>
  )
}

但这会得到以下错误：

    SyntaxError:...node_modules/react-bulma-components/src/components/columns/components/column.js: Unexpected token (26:2)

  24 |   ...props
  25 | }) => (
> 26 |   <Element
     |   ^
  27 |     {...props}
  28 |     className={classNames(className, 'column', {
  29 |       [`is-${size}`]: size,

我已尝试遵循 purring 部分的建议，然后是容器，然后是列。但这是一个令人困惑的错误弹出。我不明白这个。谁能解释一下？

【问题讨论】：

标签： javascript css reactjs bulma

【解决方案1】：

我是库的创建者，你能检查一下你从哪里导入组件吗？对于错误似乎您正在使用 src 文件夹。

根据您的配置，它应该来自react-bulma-components 或react-bulma-componets/lib

查看自述文件的安装说明

【讨论】：