运行 npm run build 时出现构建错误

Posted 2023-03-10

【中文标题】运行 npm run build 时出现构建错误

【英文标题】：Getting build error occurred when running npm run build [duplicate]

【发布时间】：2021-08-10 08:04:57

【问题描述】：

应用程序通过 api 从本地 javascript 文件中获取数据。下面是错误和代码。

$ npm 运行构建

next-crash-course@0.1.0 build 下一个构建 && 下一个导出

浏览器列表：caniuse-lite 已过时。请运行： npx browserslist@latest --update-db info - 创建优化的生产版本 info - 编译成功

发生构建错误 FetchError：对 http://localhost:3000/api/articles 的请求失败，原因：连接 ECONNREFUSED 127.0.0.1:3000 在客户端请求。 (C:\WebTest_NextJS(Brad Traversy)\pr1\node_modules\node-fetch\lib\index.js:1461:11) 在 ClientRequest.emit（节点：事件：369：20） 在 Socket.socketErrorListener (节点:_http_client:462:9) 在 Socket.emit（节点：事件：369：20） 在 emitErrorNT (node:internal/streams/destroy:188:8) 在 emitErrorCloseNT (node:internal/streams/destroy:153:3) 在 processTicksAndRejections (node:internal/process/task_queues:81:21) 类型：'系统'， 错误号：'ECONNREFUSED'， 代码：'ECONNREFUSED' info - 收集页面数据 .npm ERR！代码 1 npm 错误！路径 C:\Test_NextJS\pr1 npm 错误！命令失败 npm 错误！命令 C:\WINDOWS\system32\cmd.exe /d /s /c next build && next export

npm 错误！可以在以下位置找到此运行的完整日志： npm 错误！ C:\Users\MH1\AppData\Local\npm-cache_logs\2021-05-21T02_51_47_465Z-debug.log

注意：在开发模式下一切正常。 代码链接：https://github.com/bradtraversy/next-crash-course

【问题讨论】：

我正在下载它。让我在本地电脑上试试。我会在几分钟内更新。

添加了解决方案。请查看下面的答案

【参考方案1】：

当我们使用“next export”构建时，它会尝试调用调用以获取数据 Pages/index.js 第 13 行。在 Config/index. js 它期望 API 服务器托管在“https://yourwebsite.com”的某个地方。作为一种解决方法，

在Config/index.js中将“https://yourwebsite.com”修改为“http://localhost:3000” 打开一个终端并启动“npm run dev” 打开第二个终端并执行“npm run build”。由于 API 在 localhost:3000 中运行，它会正确构建。

配置/index.js

const dev = process.env.NODE_ENV !== 'production'

export const server = dev ? 'http://localhost:3000' : 'https://yourwebsite.com'

页面/index.js

export const getStaticProps = async () => 
  const res = await fetch(`$server/api/articles`)
  const articles = await res.json()

  return 
    props: 
      articles,
    ,
  

网址：https://nextjs.org/docs/advanced-features/static-html-export

在任何浏览器中浏览链接。示例：http://localhost:3000/about

【讨论】：

预渲染页面“/about”时发生错误。阅读更多：err.sh/next.js/prerender-error 错误：找不到页面模块：/about

您在哪里看到此错误？您能否用详细信息和屏幕打印更新您的原始查询？

如果它抛出预渲染错误。请在浏览器中浏览该网址。示例：对于“/about”，打开浏览器并导航到“localhost:3000/about”。然后运行“npm run build”。如果您收到任何其他预渲染错误，请访问该端点。我附上了一张新图片。请查看。

非常感谢 Viswanatha 对 NextJS 构建静态页面问题解决方案的帮助，哇，干杯！