首先,在项目的根目录中创建一个 空的 tsconfig.json
文件:
touch tsconfig.json
现在,尝试 启动/重启 开发服务器(执行 npm run dev
或 yarn 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 编码。