运行 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`
在 vue 项目中运行 npm run serve 时出现问题
尝试 npm install web3 时出现致命错误 LNK1181