首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为什么我不能在nextjs项目上运行之后找到build文件夹?

为什么我不能在nextjs项目上运行之后找到build文件夹?
EN

Stack Overflow用户
提问于 2022-05-01 15:02:21
回答 1查看 2.5K关注 0票数 0

我使用Nextjs框架创建了一个项目。

当我使用npm run dev命令运行该项目时,我的项目运行正常,这是正常的。

但是,当我运行命令npm run build来构建一个项目时,在此之后,我就找不到构建文件夹。

贝娄是一份完整的报告,它是一个建筑商向我展示的:

λnpm运行构建 dastshafa-决赛@0.1.0构建下一个构建信息-检查类型的有效性 ./pages/cartProcess/index.js 13:6警告: React缺少一个依赖项:“displayNavbar”。要么包含它,要么删除所依赖的y数组。如果“displayNavbar”更改太频繁,请找到定义它的父组件,并在使用回调中包装该定义。反应-钩子/详尽-指示31:11警告:不要使用。使用“next/ Image”中的image代替。见:https://nextjs.org/docs/messages/no-img-elem ent @next/next/no-img-元素 ./page/index.js 14:6警告: React缺少一个依赖项:'setDisplayNavbar‘。要么包含它,要么删除依赖项数组。如果“setDisplayNavbar”更改太频繁,请找到定义它的父组件,并将该定义包装在useCallback中。反应-钩子/穷尽-行动 ./components/navbar.js 58:21警告:不要使用。使用“next/ Image”中的image代替。参见:https://nextjs.org/docs/messages/no-img-elem ent @next/next/no-img-element 101:17警告: passHref丢失。参见:https://nextjs.org/docs/messages/link-passhref @next/next/link 117:9警告: passHref丢失。参见:https://nextjs.org/docs/messages/link-passhref @next/next/link-passhref 118:11警告:不要使用。使用“next/ Image”中的image代替。参见:https://nextjs.org/docs/messages/no-img-ele ment @next/next/no- img -element 118:11警告:img元素必须有一个alt支柱,或者带有有意义的文本,或者有一个用于装饰标记的空字符串。jsx-a11y/alt-文本 ./components/productDetail.js72:6警告: React缺少一个依赖项:“Product细节”。要么包含它,要么删除依赖数组。反应-钩子/详尽-指示106:15警告:不要使用。使用“next/ Image”中的image代替。请参见:https://nextjs.org/docs/messages/no-img-ele ment @next/next/no- img -element 106:15警告:img元素必须有一个alt支柱,或者带有有意义的文本,或者一个用于装饰标记的空字符串。jsx-a11y/alt-文本 ./components/productItem.js 18:7警告:不要使用。使用“next/ Image”中的image代替。见:https://nextjs.org/docs/messages/no-img-eleme nt @next/next/no-img-元素 ./components/products.js 21:6警告: React缺少一个依赖项:“分派”。要么包含它,要么移除依赖关系。反应-钩子/穷尽-行动 ./components/sort.js 37:6警告: React缺少一个依赖项:“分派”。要么包含它,要么移除依赖关系。React钩子/详尽-deps 41:6警告:React useEffect缺少一个依赖项:'filterProducts‘。要么包含它,要么删除依赖的cy数组。如果“filterProducts”更改太频繁,请找到定义它的父组件,并将该定义包装在u seCallback中。反应-钩子/穷尽-行动 信息-需要禁用一些ESLint规则吗?了解更多信息:https://nextjs.org/docs/basic-features/eslint#disabling-rule的info -创建优化的产品构建信息编译成功的信息收集页面数据生成静态页面(4/4)信息-最后确定页面优化 页面大小首次加载JS kB 0/ 6.37 kB┌144├└css/b7d3c6e158495aa9.css 962 B├/_app 0B 129 kB├0 /404 194 B 129 kB├0 /cartProcess 1.45 kB 130 kB├└css/λ339555cb6d6d6b.css 233 B└λ/.params 10.4 kB 148 kB└css/f 78802d3b8b60c2bs.css 2.98 kB

  • 所有129个kB块/框架共享的第一个加载JS -5f4595e5518b5600.js 42 kB├块/main-a054bbf3fb90f6a.js 27.6 kB├块/page/app-26dcf6f0f0f3b3e602.js 57.2 kB├块/webpack-62757 ff16512d194.js 1.81 kB└css/70cd8555d78aa0.css 24.4 kB

服务器端运行时呈现(使用getInitialProps或getServerSideProps) 0(静态)自动呈现为静态λ(不使用初始道具)

有什么问题吗?我怎么才能修好它?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-05-01 15:43:00

查找一个名为.next的目录,它是build命令输出到的默认目录。

可以将设置自定义目录 (例如build)添加到next.config.js中的distDir键中

代码语言:javascript
运行
复制
const nextConfig = {
  distDir: "build",
};

module.exports = nextConfig;

如果您是将应用程序导出到静态HTML,则export命令将输出到一个名为out的目录。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72077860

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档