盖茨比无法顺其自然

时间:2019-03-15 10:43:19

标签: reactjs babel flowtype gatsby

我通过添加插件gatsby-plugin-flow在我的Gatsby项目中安装了Flow。

它已在项目根目录中创建了一个.flowconfig文件,并在package.json中创建了一个“ gatsby-plugin-flow”:“ ^ 1.0.4” 依赖项。

当我运行 gatsby开发时,出现错误:

ERROR in ./src/components/layout.js
Module build failed (from ./node_modules/gatsby/dist/utils/babel-loader.js):
SyntaxError: /Users/iqc/project/src/components/layout.js: Unexpected token, expected "," (10:29)

   8 | import "./layout.css"
   9 | 
> 10 | const Layout = ({ children } : Object) => (
     |                              ^
  11 |   <StaticQuery
  12 |     query={graphql`

Babel似乎无法编译该项目。 盖茨比的ES6可能有问题吗?

我还尝试使用官方文档(没有插件)安装Flow,但是会出现相同的问题。

谢谢!

1 个答案:

答案 0 :(得分:0)

您已经安装了gatsby-plugin-flow,但还需要将其作为插件添加到gatsby-config.js文件中。

gatsby-config.js

module.exports = {
  plugins: ['gatsby-plugin-flow'],
}