Gatsby Cloud - Build Failing with: 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 环境之间的版本不匹配造成的。在这种情况下，你给了我线索：

I have a different Node version locally than is used on Gatsby Cloud; 16.4.0 locally vs. 12.22.1

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

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

NODE_VERSION: Specify the version of Node.js your project should use. For example, NODE_VERSION=10. Defaults to 12.

Gatsby Cloud - Build Failing with: WebpackError: /usr/src/app/www/public/render-page.js:4464

Gatsby Cloud - Build Failing with: WebpackError: /usr/src/app/www/public/render-page.js:4464

reactjs

gatsby

react-leaflet

gatsby-cloud