"Linting and checking validity of types ... Failed to compile. " - Unable to deploy

[gowthamc0702]

Summary

Can anyone help me in this? i have stuck in this for a long time

Github repo : https://github.com/gowthamc0702/vak

unable to deploy app ,
Type error: Page "app/products/[id]/page.tsx" does not match the required types of a Next.js Page.
"ProductPage" is not a valid Page export field.

Additional information

No response

Example

No response

[icyJoseph]

Hi,

You need to remove the export const for a const in:

• https://github.com/gowthamc0702/vak/blob/main/app/products/%5Bid%5D/page.tsx#L29

In App Router, page.tsx files can only export a few things, and ProductPage is not one of them.

[gowthamc0702]

Generarting Static pages (3/9) [== ] , this ran continuosly and ended

[icyJoseph]

That means that it is crashing out and failing to generate the /products page. I see that you have a bug there:

export default function ProductsList() {
  const list = Contents.Products;
  return (
    <>
      <h1>Products</h1>
      {list.length > 0 &&
        list.map(({ id, name, image }) => {
          <Product key={id} title={name} image={image} />; // you should return here!
        })}
    </>
  );
}

The fix:

export default function ProductsList() {
  const list = Contents.Products;
  return (
    <>
      <h1>Products</h1>
      {list.length > 0 &&
        list.map(({ id, name, image }) => {
          return <Product key={id} title={name} image={image} />; // now we return
        })}
    </>
  );
}

[gowthamc0702]

i removed everything there except h1, still the same result

[icyJoseph]

Still no luck?

[gowthamc0702]

heyy @icyJoseph , thanks a lot . the page is deployed (It had a static page issue )

[mannyamm21]

How you @gowthamc0702 solved the issue?

this error is on npm run build

[VernSG]

Hello, have you solved this problem?