next.js相关内容
我正在尝试从onLoadingComplete道具:https://nextjs.org/docs/api-reference/next/image#onloadingcomplete获取自然宽度和自然高度,但它不起作用?也许我做错了? 我有这个功能: const handleImageLoad = (e) => { console.log("load", e); }; 然后我
..
我正在使用Auth0对用户进行身份验证。 IM受保护的API路由如下: // pages/api/secret.js import { withApiAuthRequired, getSession } from '@auth0/nextjs-auth0'; export default withApiAuthRequired(function ProtectedRoute(req
..
我在本地存储中获取和设置数据时遇到问题,如果我使用NextJ,则最初无法使用本地存储。 我尝试使用useEffect进行解析,但我有一个无限循环,我知道它用于依赖项。我不知道使用useCallback、useMemo或useRef解决问题的最佳方法。 我粘贴了带有问题的部分代码。 const [ meetings, setMeetings] = useState([]
..
我使用NextJS构建了我的项目,并将其部署在Vercel上。我的项目的Vercel URL是https://my-project.vercel.app。我的域(已添加到Vercel仪表板中的项目设置)为www.example.com 当我使用Facebook Sharing Debugger检查特定URL上的元标签时,当使用my-project.vercel.app域而不是我的实际域www
..
我想读一下Fetch的身体。以下是我发送的内容: fetch('/api/foo', { method: 'POST', body: new FormData(formRef.current), }); 现在我只需要解析正文。但我不知道该怎么做。我不能在服务器端使用FormData,因为它显示ReferenceError: FormData is not defined。而且我也
..
所以我在Next js中有这个动态页面 import { useRouter } from 'next/router' import { WEB_RELATED, PC_EXES } from '../../components/Data'; export default function title() { const router = useRouter(); con
..
在我的Nextjs/React.js组件中,我呈现的卡片列表如下:
{posts.map((post, index) => (
..
我有这个nextjs应用程序,灯塔一直告诉我要删除未使用的区块。 …chunks/26c47f1….6971807….js 410.0 KiB 399.8 KiB …chunks/25.91c4046….js 437.6 KiB 392.5 KiB …chunks/30.3fdf525….js 我不知道它们是如何生成的,也不知道如何删除它们。我到处都找过了,也没找到解决方案。 如何
..
目标 我正在构建一个NextJS应用程序,它使用Reaction-Query来获取数据。 我现在正在尝试实现一个测试框架。然而,当我运行yarn test时,我得到以下错误。从Reaction-Query文档中,我了解到错误通常与未包括在_app.js中的情况有关。 我怀疑我需要为index.test.js中的Reaction-Query
..
更新: 导致此错误的原因是[CATEGORY_Slug]-index.jsgetServerSideProps? 我试着在产品文件夹下做index.js,它起作用了,意思是它可以与getServerSideprops的[CATEGORY_Slug]一起使用,对吗? 这是我的文件夹结构 pages |-categories |-[category_slug]
..
所以我的问题是,Next.js无法访问客户端上的localStorage,因此将提供默认情况下具有或不具有class="dark"的HTML。 这意味着当用户重新加载页面时,短暂地没有class="dark",导致在执行某个Java脚本并将class="dark"添加到之前,出现浅背景色闪烁。如果我将class="dark"与class="dark"一起发送,则会出现
..
我想为身份验证创建基本的Next.js。我找了,但没找到。 我的Next.js应用程序中有一个管理页面。我想从http://localhost:4000/user/me获取,该URL返回我的用户。如果用户数据返回,则必须呈现组件。如果数据没有返回,我想重定向到/admin/login页。 我尝试了此代码,但它不起作用。我怎么才能解决这个问题呢?我还可以使用useSWR代替fetch吗?
..
我通过Mongoose将我的数据发送到MongoDB。现在,在为它提取API路由的过程中,抛出了一个错误。 代码 const addChoice = async (e) => { try { e.preventDefault(); const res = await fetch("/api/sendChoice", { m
..
我正在尝试使用插件eslint-plugin-react按字母顺序对道具名称进行排序,但遇到以下错误: [Error ] .eslintrc.json: Configuration for rule "react/jsx-sort-props" is invalid: Value {"callbacksLast":true,"shorthandFirst":false,"shorthandL
..
我正在开发一个简单的NextJS应用程序,但我在使用SASS/SCSS进行组件级样式设计时遇到了问题。当用户第一次登陆页面时,一切看起来都很好,但当用户导航到一个页面/about或从/about导航到/时,组件样式没有呈现,用户需要刷新页面才能看到样式🤔 ⚙️设置 ./package.json "dependencies": { "@zeit/next-css": "1.0
..
问题 我喜欢使用TypeScrip的主要原因之一是检查我是否将正确键入的参数传递给给定的函数调用。 但是,在使用Next.js时,我遇到了这样一个问题,传递给Next.js API终结点的参数在将";降级为NextApiRequest类型时最终会丢失其类型。 通常,我会执行类似req.body.[param_name]操作的参数,但整个链都有类型any,因此我会丢失任何有
..
我正在尝试将其custom-express-server example用作我的样板文件与Next.js一起使用Express路由器。唯一的区别是,我尝试在routes/router.js上外部定义路由,如下所示: server.js中的代码: const express = require('express') const next = require('next') const
..
我正在编写一个Next.js项目,并使用GitHub和next-auth实现身份验证。在next-auth的示例中,有一个对useSession()的调用,它返回两个对象:session和loading。但是,我看到的示例中没有一个实际使用loading对象。 import React from 'react' import { useSession, signin, si
..
我们使用MDXJS包来编写Markdown中的内容,并在其中使用Reaction组件。 有没有办法在MDX/Markdown文件中使用i18next/react-i18next包? 推荐答案 🌍使用i18next内部MDX: 导入MDX文件时,只需将其用作任何其他反应组件: import { default as SomeContent } from './some
..
Next具有内置的API路由 https://nextjs.org/docs/api-routes/introduction 使用/Pages/接口 是否可以将默认路径从/api/*更改为/myApi/*? 我正在考虑将其添加到exportPathMap中 https://nextjs.org/docs/api-reference/next.config.js/exportPathM
..