Next.js中面临的动态路由问题

问题描述所以我在Nextjs中有这个动态页面import{useRouter}from'next/router'import{WEB_RELATED,PC_EXES}from'../../components/Data';exportdefaultfunctiontitle(){

发布:2022-10-16 标签:htmljavascriptreactjsnext.jsjsx


可以在JSX中以相反的方式呈现组件吗?

问题描述在我的Nextjs/React.js组件中,我呈现的卡片列表如下:<divclassName="gridgrid-cols-1lg:grid-cols-12gap-12"><divclassName="lg:col-span-8col-span-1">{posts.map

发布:2022-10-16 标签:reactjsnext.jsjsx


如何在Nextjs应用程序中删除.js块?

问题描述我有这个nextjs应用程序,灯塔一直告诉我要删除未使用的区块。…chunks/26c47f1….6971807….js410.0KiB399.8KiB…chunks/25.91c4046….js437.6KiB392.5KiB…chunks/30.3fdf525….js

发布:2022-10-16 标签:webpacknext.jslighthouse


将反应查询测试与测试库集成

问题描述目标我正在构建一个NextJS应用程序,它使用Reaction-Query来获取数据。我现在正在尝试实现一个测试框架。然而,当我运行yarntest时,我得到以下错误。从Reaction-Query文档中,我了解到错误通常与<QueryClientProvider>未包括

发布:2022-10-16 标签:reactjsnext.jsreact-testing-libraryreact-query


如何修复NextJS中的暗模式背景色闪烁?

问题描述所以我的问题是,Next.js无法访问客户端上的localStorage,因此将提供默认情况下具有或不具有class="dark"的HTML。这意味着当用户重新加载页面时,<html>短暂地没有class="dark",导致在执行某个Java脚本并将class="dark

发布:2022-10-16 标签:javascriptthemesuser-experiencereactjsnext.js


Nextjs嵌套动态文件夹路由

问题描述更新:导致此错误的原因是[CATEGORY_Slug]-index.jsgetServerSideProps?我试着在产品文件夹下做index.js,它起作用了,意思是它可以与getServerSideprops的[CATEGORY_Slug]一起使用,对吗?这是我的文件

发布:2022-10-16 标签:javascriptnext.jsnested-routesdynamic-routing


如何在Next.js中为身份验证创建HOC?

问题描述我想为身份验证创建基本的Next.js。我找了,但没找到。我的Next.js应用程序中有一个管理页面。我想从http://localhost:4000/user/me获取,该URL返回我的用户。如果用户数据返回,则必须呈现组件。如果数据没有返回,我想重定向到/admin/

发布:2022-10-16 标签:authenticationreactjsnext.js


如何修复错误(TypeError:无法分配给对象&amp;#39;#&amp;lt;QueryCursor&amp;&gt;&amp;#39;的只读属性&amp;#39;map&amp;#39;)

问题描述我通过Mongoose将我的数据发送到MongoDB。现在,在为它提取API路由的过程中,抛出了一个错误。代码constaddChoice=async(e)=>{try{e.preventDefault();constres=awaitfetch("/api/sendCh

发布:2022-10-16 标签:mongodbtypeerrorfetchnext.jsmongoose


规则&amp;Quot;Reaction/JSX-Sort-Props&amp;Quot;的配置无效

问题描述我正在尝试使用插件eslint-plugin-react按字母顺序对道具名称进行排序,但遇到以下错误:[Error].eslintrc.json:Configurationforrule"react/jsx-sort-props"isinvalid:Value{"call

发布:2022-10-16 标签:javascriptnode.jsreactjseslintnext.js


将Express路由器与Next.js配合使用

问题描述我正在尝试将其custom-express-serverexample用作我的样板文件与Next.js一起使用Express路由器。唯一的区别是,我尝试在routes/router.js上外部定义路由,如下所示:server.js中的代码:constexpress=req

发布:2022-10-16 标签:expressnext.js