【发布时间】：2019-07-03 13:25:17
【问题描述】：
首先，我是 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
因为它只是一个启动页面，所以没有数据馈送，没有降价文件，没有要迭代的页面数组。它非常简单。
我的依赖列表如下：
"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"
}
任何指针将不胜感激。谢谢。
【问题讨论】：
-
您是否更改/修改了您的 webpack 配置？可以看到你的回购吗？
-
现在，不……该项目位于私人仓库中。我有一个
gatsby-config.js文件、gatsby-node.js文件和一个package.json。没有我知道的 webpack 配置。我使用的入门主题没有。我使用了 Serif：github.com/jugglerx/gatsby-serif-theme。当我在未修改的 repo 中运行gatsby build时，构建工作正常。