Gatsby Cloud - 构建失败：WebpackError: /usr/src/app/www/public/render-page.js:4464

Question

我在 Gatsby Cloud 上的构建遇到了一个问题，这让我很困惑，而且我在网上找不到任何信息！

我的站点构建在本地（即在我的笔记本电脑上）运行良好，但是在 Gatsby Cloud 上运行时始终会导致以下错误：

failed Building static HTML for pages - 0.302s
ERROR Building static HTML failed
   5 |   };
   6 |
>  7 |   module.exports["default"] = module.exports, module.exports.__esModule = true;
     |   ^
   8 |   return _setPrototypeOf(o, p);
  10 |
   9 | }
  - setPrototypeOf.js:7 
    [project]/[@babel]/runtime/helpers/setPrototypeOf.js:7:3
  WebpackError: /usr/src/app/www/public/render-page.js:4464
  - utils.js:267 
  - utils.js:103 
    [project]/[@gatsbyjs]/reach-router/lib/utils.js:267:1
    [project]/[@gatsbyjs]/reach-router/lib/utils.js:103:1
  - utils.js:241 
    [project]/[@gatsbyjs]/reach-router/es/lib/utils.js:241:4
  - history.js:48 
    [project]/[@gatsbyjs]/reach-router/lib/utils.js:127:1
  - utils.js:127 
    [project]/[@gatsbyjs]/reach-router/es/lib/history.js:52:1
  - history.js:52 
    [project]/[@gatsbyjs]/reach-router/es/lib/history.js:48:1
  - extends.js:20 
    [project]/[@babel]/runtime/helpers/extends.js:20:1
    [project]/[@gatsbyjs]/reach-router/lib/utils.js:166:1
  - utils.js:166 

not finished Caching HTML renderer compilation - 0.381s
not finished Caching JavaScript and CSS webpack compilation - 11.935s
ERROR Failed to compile: Error: Exited with code 1

超过 3 次尝试构建，webpack 错误的文件和行号始终相同。但是，由于我不是网络开发人员（这是我自愿参与的社区项目，没有专业的网络开发人员），而且我真的只是在复制和粘贴代码......我碰壁了在这里，不知道如何克服这一点。我真的很感激任何帮助。特别是作为一个预算为零的社区项目，我无法在这里使用 Gatsby 的商业支持！ ????

提前感谢任何人都可以提供的任何帮助

Answer 1

当某些东西在本地构建但不在任何服务器环境中（在这种情况下为 Netlify 或 Gatsby Cloud）时，通常是由 Node 环境之间的版本不匹配引起的。在这种情况下，你给了我线索：

我在本地使用的 Node 版本与在 Gatsby Cloud 上使用的不同； 本地 16.4.0 与 12.22.1

这意味着您运行的依赖版本不同，导致两种环境中的行为不同。

在 Gatsby 的 Cloud 环境中，您可以将Node version by setting the NODE_VERSION 环境变量自定义为16.4.0。那应该可以解决您的问题。因为根据文档，它默认为12：

NODE_VERSION：指定您的项目应使用的 Node.js 版本。 例如，NODE_VERSION=10。默认为 12。