【TypeScript】使用CRA创建支持TS的React项目（从踩坑到放弃）

夜猫逐梦

已于 2022-08-07 13:17:24 修改

阅读量934

点赞数 1

CC 4.0 BY-SA版权

分类专栏： # Javascript随笔文章标签： typescript react.js javascript nvm

于 2022-08-06 23:17:31 首次发布

本文链接：https://blog.youkuaiyun.com/kinghzking/article/details/126188004

Javascript随笔专栏收录该内容

33 篇文章

订阅专栏

本文详细记录了在Windows 7、不同Node.js版本下使用npx create-react-app创建TypeScript项目时遇到的版本不兼容问题，包括eslint和eslint-config-react-app的版本要求，以及为何Win7与新版本Node不兼容。最终解决方案是在Win10和MacOS上成功部署，揭示了环境配置的关键。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用CRA创建支持TS的项目

本以为很简单的使用命令npx create-react-app react-ts-basic --template typescript，运行就可以了，硬生生的让我折腾了三个多小时。下面说说我的环境

win7
node 12.8.3
nvm-windows 1.1.9（为了电脑上能运行多个版本的node，进行各种版本测试）

eslint@8.21.0: The engine “node” is incompatible

win7 node 12.18.3下，报错：
eslint@8.21.0: The engine "node" is incompatible with this module. Expected version "^12.22.0 || ^14.17.0 || >=16.0.0". Got "12.18.3"
在这里插入图片描述
eslint需要12.18.3以上的node版本。

eslint-config-react-app@7.0.1: The engine “node” is incompatible with this module

win7 node 12.22.12下，报错：
eslint-config-react-app@7.0.1: The engine "node" is incompatible with this module. Expected version ">=14.0.0". Got "12.22.12"
在这里插入图片描述
eslint-config-react-app需要14.0.0以上的node版本。

无法定位程序输入点GetHostNameW于动态链接库WS2_32.dll上。

win7 node 14.20.0下，报错：
在这里插入图片描述

这是因为，新版本的node，不再支持win7(简单说就是，node使用了一些win7不存在的api，导致程序启动失败，报了上面的错误)。

换系统win10，使用node 14.20.0

之所以使用14.20.0是因为这是目前（2022-8-7）最新的14版本的node。

如果在win10下使用的是12的版本，会报下面错误

J:\_ALL\CODE\gitee>npx create-react-app react-ts-basic --template typescript
npx: installed 67 in 6.535s
You are running Node 12.16.1.
Create React App requires Node 14 or higher.
Please update your version of Node.