next.js 相关问题

Next.js是服务器呈现的React应用程序的简约框架。

我在尝试部署 nextjs 应用程序时遇到此错误

这是我正在构建的 nextjs 应用程序的 next.config.js 文件。该网站有一个包含多个组件的页面。文件位于:https://github.com/CodingLife1024/substainify ...

回答 1 投票 0

nextjs - 我的钩子不会在值更改时重新渲染

我在 page.tsx 文件中使用以下挂钩,然后将数据传递到表中。当我点击一个任务时,我有以下功能 页面.tsx “使用客户端” const { allOpenTasks,

回答 1 投票 0

连接 MySQL 数据库时出错:数据包乱序。获得:1 预期:0

我正在开发一个使用 MySQL 作为数据库的 Next.js 项目。当我运行应用程序时,几次运行后遇到以下错误:“连接到数据库时出错:错误:数据包...

回答 1 投票 0

如何在Next.JS网站中实现Tawk.to小部件?

我已经尝试了他们的@tawk.to/tawk-messenger-react插件文档上写的内容? 我制作了一个像 /components/Chat.js 这样的组件 从“@tawk.to/tawk-messenger-react&...

回答 5 投票 0

使用 Radix Dialog 从另一个对话框处理对话框触发器

亲爱的前端爱好者。 我正在使用 Shadcn 组件的 NextJS Web 中工作,这是 Radix UI 之上的另一个高级层。我正在尝试构建一个页面构建器,它可以动态地...

回答 1 投票 0

错误是由于在'./src/models/userModel.js'中导入'mongoose/dist/browser.umd.js'引起的

编译失败。 ./src/models/userModel.js Edge 运行时不允许动态代码评估(例如“eval”、“new Function”、“WebAssembly.compile”) 了解更多:https://nextjs.org/docs/messages/...

回答 1 投票 0

如何摆脱 useSearchParams() 和 Suspense 部署错误?

我得到⨯ useSearchParams() 应该被包裹在页面“/PaymentPage”的悬念边界中。了解更多:https://nextjs.org/docs/messages/missing-suspense-with-csr-bailout 问题...

回答 1 投票 0

导入图像与将它们包含在内联NextJS

在NextJS中,导入图像和使用next/image时直接包含图像有什么区别? 从“./logo.png”导入徽标; /* 相对 */ 在NextJS中,使用时导入图片和直接包含图片有什么区别next/image? import logo from './logo.png'; <Image src={logo} /> /* versus */ <Image src={'/logo.png'} /> (伪代码用于说明目的,语法不正确) 以这种或另一种方式进行时是否有任何速度优化或额外功能? import 语法让我认为构建时发生了其他事情,但我似乎找不到任何进一步的细节。 查看文档: 必须是以下之一: 静态导入的图像文件 路径字符串。这可以是绝对外部 URL,也可以是内部路径,具体取决于 loader 属性。 使用外部URL时,必须将其添加到next.config.js中的remotePatterns中 还有这里关于本地和远程图像。 长话短说: import logo from './logo.png'; <Image src={logo} /> logo.png 文件存储在导入组件的旁边。在构建过程中,next.js 会将其移动到 dist 文件夹,确定图像的 width 和 height 属性并将其设置为组件。这将有助于避免图像加载时的布局偏移。 当您提供图像的静态路径时: <Image src={'/logo.png'} /> 您基本上告诉下一步这是一个远程图像,它应该从下一个公共文件夹或远程位置加载。 (如果是 /logo.png,为了显示图像,应位于此处:public/logo.png)。

回答 1 投票 0

If 语句 - 如果 Item 无效,如何不将其设置到本地存储中

if (myapp !== null && isFormValid) { setMypp([...myapp, 博客]); // 将我的输入值设置到本地存储中 设置描述('') 设置类型('') 设置任务('') } 别的 { // 这里放什么? }...

回答 1 投票 0

BarChart 中工具提示不显示带有动态键的数据

描述 你好!我正在制作条形图。一切都按预期运行,除了默认的工具提示,当我将鼠标悬停在栏上时,它显示为空。我的图表对腿部使用动态关键点...

回答 1 投票 0

Next.js 单页可以使用类组件和 getServerSideProps 运行而不使用“使用客户端”吗?

我创建了多个动态页面(例如:/Pages/[Product]/[Product].js),在不使用“使用客户端”的情况下与下面的页面结构配合得很好。能够作为 ssr 运行,能够使用状态...

回答 1 投票 0

Tailwind 与文本和文本阴影上的颜色合并

tl;dr 我的 tailwind.config.ts 中有一个文本阴影实用程序类,它允许我更改阴影的尺寸和颜色。我正在使用 Tailwind Merge,我不知道如何停止文本 -

回答 1 投票 0

为什么我在使用 useRouter 时遇到 404 页面未找到?

用户提交表单后,我想将他们重定向到感谢页面。然而,当后端逻辑被处理时,它会将我重定向到 404 页面。我检查了 URL 路径,一切似乎......

回答 1 投票 0

Stylex 错误:向 stylex 样式添加变量不起作用

我正在为我的 Next.js 调查应用程序项目创建一个 stylex 设计系统。我想创建常量,以便能够使用 stylex.definevars 更改一处的值。当我这样做时,终端...

回答 1 投票 0

useSearchParams() 应该包裹在页面“/”处的悬念边界中

我在构建中收到错误,并显示以下消息:useSearchParams() 应包含在页面“/404”处的悬念边界中。了解更多:https://nextjs.org/docs/messages/missing-

回答 2 投票 0

Godaddy 上的 Next.js?如果没有,有什么更便宜的替代品吗?

我目前正在为我叔叔开一家电子商务商店,以便他可以通过他的网站在线销售他的运动服商品, 当我告诉他我是一名网络开发人员时,他请求我帮忙,我说我...

回答 1 投票 0

表单应用程序中缺少环境变量

我正在制作 Next.js 应用程序并尝试制作 CRUD 功能。 当我制作如下代码所示的“创建”页面时,出现错误。 看起来像是环境检测问题。 顺便说一句,我正在使用 microCMS 作为 A...

回答 1 投票 0

如何在 ReactJS/NextJS 应用程序中的图像上叠加文本?

我在让 css 样式按预期应用时遇到一些麻烦。我正在用 ReactJS/NextJS 编写这个应用程序。我正在尝试创建一个组件,显示带有文本的图像......

回答 1 投票 0

验证图像输入工作意外... / Nextjs 服务器操作 - Zod

我有这样的zod验证模式...... 导出 const newProductSchema = z.object({ title: z.string().min(2, '最少 2 个字符。').max(15, '最多 15 个字符。'), 图像:z 。任何() .精炼( ...

回答 1 投票 0

接下来使用 swr 的 Suspense,“在 SSR 中使用 Suspense 时需要回退数据。”

我正在尝试在下一个项目中使用 React Suspense 我没有使用SSR,该应用程序仅用作客户端渲染 悬念有效,但我收到此错误: 使用挂起时需要回退数据...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.