找不到模块：无法解析 Next.js - TypeScript

Question

\n

我收到 image\xc2\xb4s 错误，但我不明白 \xc2\xb4t 为什么会收到它。\n还附上了第二张图片中的目录。

\n

\n

\n

import Link from \'next/link\';\nimport { useState } from \'react\';\nimport { ProductModel } from \'../models/product\';\nimport { CardProduct } from \'../components/CardProduct\';\n\nconst List = () => {\n\n  let list: ProductModel[] = [  //ProductModel[] esto significa que va a ser un array de ProductModel\n    {\n      id: 1,\n      name: "shoes",\n      price: 9999,\n    },\n  ];\n\n  const [products, setProducts] = useState<ProductModel[]>(list);\n\n  return (\n    <div>\n      Soy la p\xc3\xa1gina de Productos\n      {products.map((element, index) => {\n        return <CardProduct product={element}/>;\n      })}\n      <br/>\n      <Link href="/">\n        <a>Ir a la home</a>\n      </Link>\n    </div>\n  );\n}\n\nexport default List;\n

\n

\n

Answer 1

您需要tsconfig.json在项目的根文件夹中创建一个空文件，然后像平常一样运行 npm（例如，npm run dev）。然后 NextJs 将使用默认的 ts 配置值填充该文件。看这里：

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