NextJS Middleware.ts 文件未触发

Question

我有一个 NextJS React 项目。它具有以下文件结构： src/app 包含所有页面。没有 src/app/pages。例如，在我的设置中，登录页面将由“/login”调用，其中 src/app/login/page.tsx 是正在呈现的页面。 我在 src/app/ 中添加了一个 middleware.ts，因此它的格式为“src/app/middleware.ts”。

"paths": {
     "@/*": ["./src/*"]
    }
 },
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
"exclude": ["node_modules"]

但是问题是它没有被触发。我在下面附上了我的 tsconfig：

有关此问题的任何帮助都会很棒

我尝试在 src/app/pages 中添加页面文件夹。我也尝试过更改 tsconfig 文件，但不确定我是否完全正确。我还尝试将 middleware.ts 与 app 放在同一级别，但出现以下错误

错误：发现无效的中间件。

Answer 1

正确的

path

表示法如下：

"paths": {
     "@/*": ["./src/*", "./src/app/*"]
},

在您的代码中，您将

@

前缀的分辨率限制为仅

src

内的文件。