Next.js中间件在TypeScript中无法正常运行-我做错了什么?

wlp8pajw  于 2023-05-28  发布在  TypeScript
关注(0)|答案(1)|浏览(127)

我的问题是,下面的文档,Next.js的中间件并不像我预期的那样工作。
我试过这个。我能想象到的最简单的中间件。
我期望导航投掷/,...将出现控制台消息。但什么也没发生。
代码如下:

我也解除了包裹锁。重新安装了一切。这是我的package文件:

{
  "dependencies": {
    "@next/swc-darwin-x64": "13.4.4",
    "eslint-config-next": "13.3.0",
    "next": "13.3.0",
    "react": "18.2.0",
    "react-dom": "18.2.0"
  },
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next list"
  },
  "devDependencies": {
    "@types/node": "18.15.11",
    "@types/react": "18.0.35"
  }
}
du7egjpx

du7egjpx1#

NextJS 13+要求middleware文件位于源代码的根级别,而不是app/或任何其他文件夹。
因此,您的中间件文件和项目目录应该如下所示

├── next.config.ts
├── middleware.ts
├── .env, package.json, or any other project files
├── app
├── pages
├── public
├── src

Reference

相关问题