TypeScript

创建 tsconfig.json 文件

首先,在项目的根目录中创建一个 空的 tsconfig.json 文件:

touch tsconfig.json

现在,尝试 启动/重启 开发服务器(执行 npm run devyarn dev 命令)。他会提示一个警告,内容如下:

It looks like you're trying to use TypeScript but do not have the required package(s) installed.(翻译:看起来您正在尝试使用 TypeScript,但未安装所需的软件包。)

按照说明安装 TypeScript 即可:

# 如果你使用的是 npm
npm install --save-dev typescript @types/react @types/node

# 如果你使用的是 Yarn
yarn add --dev typescript @types/react @types/node

现在,尝试再次 启动 开发服务器。启动服务器后,Next.js 将:

  • 为您填充 tsconfig.json 文件。您也可以自定义此文件。
  • 创建 next-env.d.ts 文件,以确保 TypeScript 编译器选择正确 Next.js 类型(types)。你 不要 碰这个文件。

现在,您可以用 TypeScript 开发 Next.js 应用程序了。接下来让我们讨论一下如何将 Next.js 应用程序转换为 TypeScript 编码。