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

【问题标题】：Module not found: Can't resolve Next.js - TypeScript找不到模块：无法解析 Next.js - TypeScript
【发布时间】：2022-06-13 06:48:08
【问题描述】：

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

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;

【问题讨论】：

通常情况下，重新启动开发服务器往往会解决此问题。你可以试试吗？
我做了但没工作
除了重启你的开发服务器，尝试从项目根目录删除.next文件夹。
@GCB 关于如何解决此问题的任何进一步更新？
@PsyGik 你还会在这里尝试什么。这发生在我将组件从 js 更改为 tsx 之后

标签： reactjs typescript react-native next.js

【解决方案1】：

类似问题：Module not found with corresponding type declarations using Typescript with Next.js

回答：正如上面的@juliomalves 所说，如果你想在你的 next.js 项目中运行 TS，你需要添加一个 // tsconfig.json 。这是文档：https://nextjs.org/docs/advanced-features/module-path-aliases

【讨论】：