我试图向我的 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”类型的参数。
任何帮助,将不胜感激
我使用创建了一个反应应用程序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)我在 Next.jsv13.2
应用程序中创建了一个 API 端点,用于从数据库获取数据。
app/api/someData
Run Code Online (Sandbox Code Playgroud)
在我将其部署到 Vercel 上之前,它一直运行良好。我认为问题在于路由被缓存,因此每次都返回相同的响应。我该如何阻止这种情况发生?
app
我正在使用Next.js 中使用Route Handlers 的新目录。
任何帮助,将不胜感激。
我是打字稿新手,开始了一个简单的项目。我有一个由多个 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)reactjs ×4
javascript ×3
next.js ×3
typescript ×2
caching ×1
eslint ×1
next.js13 ×1
package.json ×1
vercel ×1