javascript - Property 'slug' does not exist on type 'ParsedUrlQuery | undefined' - Stack Overflo

admin管理员组

文章数量:1355748

I am trying to get the path of my page on getServerSideProps, but the type of params is object

What I need to do to get as string?

export const getServerSideProps: GetServerSideProps = async (context) => {
  const { slug } = context.params // Property 'slug' does not exist on type 'ParsedUrlQuery | undefined'.ts(2339)

  return {
    props: {
    },
  }
}

I am trying to get the path of my page on getServerSideProps, but the type of params is object

What I need to do to get as string?

export const getServerSideProps: GetServerSideProps = async (context) => {
  const { slug } = context.params // Property 'slug' does not exist on type 'ParsedUrlQuery | undefined'.ts(2339)

  return {
    props: {
    },
  }
}

• javascript
• typescript
• next.js

Share Improve this question Follow asked Oct 27, 2021 at 16:13 RodrigoRodrigo 5411515 gold badges7676 silver badges162162 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

I think that you look for code that look like this

import { ParsedUrlQuery } from "querystring";

interface Params extends ParsedUrlQuery {
  slug: string;
}

export const getServerSideProps: GetServerSideProps = async (context) => {
  const { slug } = context.params as Params;

  return {
    props: {
    },
  }
}

If you're looking for the path as a String, you can try context.req.url. (See the docs for the full list of context properties).

For the dynamic parameter, it depends on what you've named the page, for example if you have a Blog post page, with a pages/posts/[post].js file, the slug will be in context.params.post as opposed to context.params.slug.

Hope this is helpful!

本文标签： javascriptProperty 39slug39 does not exist on type 39ParsedUrlQueryundefined39Stack Overflow