Google Cloud 触发器构建 - NextJs 应用程序在本地构建 docker 映像，但不在 Gcloud 上答案

【问题标题】：Google Cloud trigger build - NextJs application builds docker image locally but not on GcloudGoogle Cloud 触发器构建 - NextJs 应用程序在本地构建 docker 映像，但不在 Gcloud 上
【发布时间】：2019-09-13 21:23:43
【问题描述】：

我有一个带有 Next.js 的 react 应用程序，它触发一个谷歌云触发器来构建一个 docker 图像并基于 cloudbuild.yaml 文件做一些其他事情。

此应用程序在本地成功构建，但是当我在 Gcloud 上构建它时，日志显示：

 Step #1: > Using external babel configuration
Step #1: > Location: "/app/.babelrc"
Step #1: Failed to compile.
Step #1: > Build error occurred
Step #1: Error: > Build failed because of webpack errors
Step #1: at build (/app/node_modules/next/dist/build/index.js:7:847)
Step #1: at runMicrotasks (<anonymous>)
Step #1: at processTicksAndRejections (internal/process/task_queues.js:93:5)
Step #1: npm ERR! code ELIFECYCLE
Step #1: npm ERR! errno 1
Step #1: npm ERR! xxx@0.1.0 build: `next build`
Step #1: npm ERR! Exit status 1
Step #1: npm ERR!
Step #1: npm ERR! Failed at the xxx@0.1.0 build script.
Step #1: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
Step #1:
Step #1: npm ERR! A complete log of this run can be found in:
Step #1: npm ERR! /root/.npm/_logs/2019-09-13T11_23_36_719Z-debug.log
Step #1: The command '/bin/sh -c npm run build' returned a non-zero code: 1

但在本地却是完全不同的故事

创建优化的生产版本 ...

> Using external babel configuration
> Location: "C:\Users\name\Documents\GitHub\xxx\.babelrc"
Compiled successfully.

有人知道调试此问题的好方法吗？

谢谢。

【问题讨论】：

通常当本地构建成功但在 Cloud Build 中不成功时，这是部署错误。你能提供你的 cloudbuild.yaml 文件吗？此外，您的日志可能会指示查看位置。如果我是你，我会从搜索以下内容开始：步骤#1：错误：> 由于 webpack 错误，构建失败有很多 [issues][1] 与你的类似，当然，请检查完整的日志，如其所述：第 1 步：npm 错误！可以在以下位置找到此运行的完整日志：步骤 #1：npm ERR！ /root/.npm/_logs/2019-09-13T11_23_36_719Z-debug.log [1]：github.com/zeit/now-builders/issues/168
我没有与 webpack 相同的错误消息，但我的在本地也可以正常工作，但不能在 google build 上运行。你在哪里找到 /root/.npm/_logs 文件夹？

标签： reactjs google-cloud-platform dockerfile next.js

【解决方案1】：

事实证明，问题在于不能容忍外部 .Scss 样式表。我删除了它们，而是使用标签将样式移动到组件内。

【讨论】：