小编loo*_*ool的帖子

如何在 nextjs 13.2 路由处理程序中访问请求正文

我试图向我的 api 发送一个 post 请求。但是,尝试在路由处理程序中访问请求正文会导致以下错误:

代码:

export async function POST(request: Request) {
  const postBody: postProps = JSON.parse(request.body) //  Error here on request.body
  ...
}
Run Code Online (Sandbox Code Playgroud)

错误: “ReadableStream”类型的参数无法分配给“string”类型的参数。

任何帮助,将不胜感激

typescript reactjs next.js next.js13

26
推荐指数
2
解决办法
2万
查看次数

eslint 无法加载要扩展的配置“react-app”。在项目中进行更改时

我使用创建了一个反应应用程序yarn create react-app。然后我运行yarn start,项目在本地主机上正常运行。但是,当我对文件进行编辑(添加新标签、重命名 div 的内容..)时,应用程序会抛出错误,并且无法编译并显示错误

[eslint] 无法加载要扩展的配置“react-app”。

Eslint 已经安装。疯狂的是,打开 package.json 文件并保存它可以解决问题,并且项目会使用新的更改进行编译。然而,每次我做出改变时,我都必须这样做。

我在 WSL 上使用 Ubuntu。

这是我的 package.json 文件

{
  "name": "gmail-clone",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@reduxjs/toolkit": "^1.8.1",
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^13.0.1",
    "@testing-library/user-event": "^14.1.1",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-redux": "^8.0.1",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs eslint package.json create-react-app

10
推荐指数
1
解决办法
9023
查看次数

项目部署后数据没有更新(总是得到相同的结果)

我在 Next.jsv13.2应用程序中创建了一个 API 端点,用于从数据库获取数据。

app/api/someData
Run Code Online (Sandbox Code Playgroud)

在我将其部署到 Vercel 上之前,它一直运行良好。我认为问题在于路由被缓存,因此每次都返回相同的响应。我该如何阻止这种情况发生?

app我正在使用Next.js 中使用Route Handlers 的新目录。

任何帮助,将不胜感激。

javascript caching reactjs next.js vercel

7
推荐指数
1
解决办法
1万
查看次数

如何将图标作为道具传递给打字稿

我是打字稿新手,开始了一个简单的项目。我有一个由多个 sidebarNavigationItem 组件组成的侧边栏组件。每个侧边栏项目都有一个图标和标题,如下所示。

侧边栏.tsx

import SidevarNavigationItem from "./SidevarNavigationItem"
import { HomeIcon } from "@heroicons/react/24/solid"
import { StarIcon } from "@heroicons/react/24/solid"


const Sidebar = () => {
  return (
    <nav
      id="sidebar"
      className="p-2 mt-5 max-w-2xl xl:min-w-fit sticky top-20 flex-grow-0.2 text-center h-screen"
    >
      <div id="navigation">
        <SidevarNavigationItem Icon={<HomeIcon />} name="Homepage" source="/" />
        <SidevarNavigationItem
          Icon={<StarIcon />}
          name="Tournaments"
          source="/tournaments"
        />
       
      </div>
    </nav>
  )
}

export default Sidebar
Run Code Online (Sandbox Code Playgroud)

侧边栏导航项.tsx

import Link from "next/link"
import { FunctionComponent } from "react"

interface Props {
  Icon: React.ElementType
  name: string
  source: …
Run Code Online (Sandbox Code Playgroud)

javascript typescript reactjs next.js

6
推荐指数
1
解决办法
9962
查看次数