reactjs - Modül bulunamadı: Next.js - TypeScript çözümlenemiyor

Görüntünün hatasını alıyorum ama neden aldığımı anlamıyorum. Ayrıca ikinci görüntüde dizini ekledim.

import Link from 'next/link';
import { useState } from 'react';
import { ProductModel } from '../models/product';
import { CardProduct } from '../components/CardProduct';

const List = () => {

  let list: ProductModel[] = [  //ProductModel[] esto significa que va a ser un array de ProductModel
    {
      id: 1,
      name: "shoes",
      price: 9999,
    },
  ];

  const [products, setProducts] = useState<ProductModel[]>(list);

  return (
    <div>
      Soy la página de Productos
      {products.map((element, index) => {
        return <CardProduct product={element}/>;
      })}
      <br/>
      <Link href="/">
        <a>Ir a la home</a>
      </Link>
    </div>
  );
}

export default List;

Cevap #1

Next.js 13 ile App router kullanırken bir loading.tsx dosyasını kaldırdıktan sonra benzer bir sorunla karşılaştım. Çözüm, .next/ dizinini kaldırmaktı; bu dizin npm run dev çalıştırıldığında otomatik olarak yeniden oluşturulacak.

Cevap #2

Projenizin kök klasöründe boş bir tsconfig.json dosyası oluşturmanız ve ardından npm'i normalde yaptığınız gibi çalıştırmanız gerekir (örneğin, npm run dev). NextJs daha sonra dosyayı varsayılan ts yapılandırma değerleriyle dolduracaktır. Buraya bakın:

https://nextjs.org/docs/basic-features/typescript

İlgili makaleler