Question

首先，我是React / Gatsby的新手。我对Jekyll，Lando，Drupal，WordPress，基本的Git，HTML5 / CSS3并不陌生。我对JS不满意。好的，那是不可能的。

我有一个简单的一页网站（启动页面），它将演变成一个多页网站。我决定尝试盖茨比。 gatsby develop命令运作良好，对于未使用的变量等，我没有es-lint错误。 gatsby build命令产生的错误似乎是非常基本的事情。该站点中只有两页-404页和索引。如果删除404页，则在索引页上也会出现相同的错误。 Gatsby / Webpack似乎在传递的第一段内容上令人窒息：

JHogue:civicpolicy jhogue$ gatsby build
success open and validate gatsby-configs — 0.006 s
success load plugins — 0.131 s
success onPreInit — 0.166 s
success delete html and css files from previous builds — 0.008 s
success initialize cache — 0.006 s
success copy gatsby files — 0.068 s
success onPreBootstrap — 0.006 s
success source and transform nodes — 0.048 s
success building schema — 0.154 s
success createPages — 0.000 s
success createPagesStatefully — 0.024 s
success onPreExtractQueries — 0.000 s
success update schema — 0.085 s
success extract queries from components — 0.050 s
success run graphql queries — 0.022 s — 4/4 197.54 queries/second
success write out page data — 0.003 s
success write out redirect data — 0.001 s
success onPostBootstrap — 0.001 s

info bootstrap finished - 3.259 s

error Generating JavaScript bundles failed

  Error: ./.cache/async-requires.js 8:11
  Module parse failed: Unexpected token (8:11)
  You may need an appropriate loader to handle this file type.
  | exports.components = {
  |   "component---src-pages-404-js": function componentSrcPages404Js() {
  >     return import("/Users/jhogue/github/civicpolicy/src/pages/404.js"
  |     /* webpackChunkName: "component---src-pages-404-js" */
  |     );
   @ ./.cache/production-app.js 18:0-45 21:23-36 26:23-36

由于它只是一个初始页面，因此没有数据源，没有markdown文件，没有要迭代的页面数组。非常简单。

我的依赖项列表如下：

"dependencies": {
    "css-mqpacker": "^7.0.0",
    "gatsby": "^2.0.117",
    "gatsby-cli": "^2.4.9",
    "gatsby-plugin-react-helmet": "^3.0.6",
    "gatsby-plugin-sass": "^2.0.10",
    "gatsby-source-filesystem": "^2.0.20",
    "gatsby-transformer-json": "^2.1.8",
    "gatsby-transformer-remark": "^2.2.4",
    "node-sass": "^4.11.0",
    "react": "^16.8.1",
    "react-dom": "^16.8.1",
    "react-helmet": "^5.2.0"
  },
  "devDependencies": {
    "babel-eslint": "^9.0.0",
    "eslint": "^5.13.0",
    "eslint-config-airbnb": "^17.1.0",
    "eslint-plugin-import": "^2.16.0",
    "eslint-plugin-jsx-a11y": "^6.2.1",
    "eslint-plugin-prettier": "^2.0.1",
    "eslint-plugin-react": "^7.12.4",
    "prettier-eslint": "^8.8.2"
  }

任何指针将不胜感激。谢谢。

Answer 1

这似乎是节点版本问题。 Gatsby建议使用Node 8或更高版本。您可以运行node --version并查看是否使用了足够高的Node版本吗？

如果您需要更新版本的Node，nvm是简化切换Node版本的好方法。

Gatsby Develop工作正常，Gatsby Build失败：加载程序无法处理文件类型

1 个答案: