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

Posted

技术标签:

【中文标题】运行 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 构建静态页面问题解决方案的帮助,哇,干杯!

以上是关于运行 npm run build 时出现构建错误的主要内容,如果未能解决你的问题,请参考以下文章

`npm 错误!运行 `npm ci && npm run build` 时出现 SyntaxError 后的代码 1`

运行 npm run deploy 时出现错误

在 vue 项目中运行 npm run serve 时出现问题

尝试 npm install web3 时出现致命错误 LNK1181

使用 vue/cli 运行 npm run serve 时出现问题

如何解决 npm run build 137 错误?已经设置了10gb