2021-11-13 00:44:39 +01:00
|
|
|
# No Server Import In Page
|
|
|
|
|
2022-06-14 04:17:42 +02:00
|
|
|
> Prevent usage of `next/server` outside of `middleware.js`.
|
|
|
|
|
2021-11-13 00:44:39 +01:00
|
|
|
### Why This Error Occurred
|
|
|
|
|
2022-05-19 17:46:21 +02:00
|
|
|
`next/server` was imported outside of `middleware.{js,ts}`.
|
2021-11-13 00:44:39 +01:00
|
|
|
|
|
|
|
### Possible Ways to Fix It
|
|
|
|
|
2022-05-19 17:46:21 +02:00
|
|
|
Only import and use `next/server` in a file located within the project root directory: `middleware.{js,ts}`.
|
2021-11-13 00:44:39 +01:00
|
|
|
|
2021-12-07 18:24:27 +01:00
|
|
|
```ts
|
2022-05-19 17:46:21 +02:00
|
|
|
// middleware.ts
|
2021-11-13 00:44:39 +01:00
|
|
|
|
|
|
|
import type { NextFetchEvent, NextRequest } from 'next/server'
|
|
|
|
|
|
|
|
export function middleware(req: NextRequest, ev: NextFetchEvent) {
|
|
|
|
return new Response('Hello, world!')
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
|
|
|
### Useful Links
|
|
|
|
|
|
|
|
- [Middleware](https://nextjs.org/docs/middleware)
|