Win10环境下执行react-scripts start提示找不到TypeScript，安装后仍报错

• 验证本地项目依赖安装情况：在项目根目录执行npm list typescript，如果是yarn项目就执行yarn list typescript，输出有明确版本号即项目本地安装成功，无结果说明没有安装到当前项目依赖中。
• 验证全局安装状态：执行tsc -v，如果输出TypeScript版本号则全局安装正常，无输出或报错说明全局安装未生效。
• 验证包管理器配置是否正常：执行npm config get prefix（npm）或yarn global bin（yarn），检查输出的路径是否在系统环境变量PATH中，避免全局安装的命令无法被系统识别。

问题1：启动react-scripts start提示未安装TypeScript #

react-scripts默认优先读取项目本地node_modules中的依赖，全局安装的TypeScript不会被项目识别

• 先清理当前项目的无效依赖缓存和lock文件：
  类Unix系统执行rm -rf node_modules package-lock.json yarn.lock，Windows PowerShell执行rm -r node_modules,package-lock.json,yarn.lock -ErrorAction SilentlyContinue
• 重新安装项目全部依赖：npm项目执行npm install，yarn项目执行yarn install
• 单独将TypeScript安装到项目开发依赖：执行npm install typescript --save-dev或yarn add typescript --dev

问题2：执行tsc命令时报JSX相关类型错误 #

该报错和TypeScript本身安装无关，是缺少React类型声明文件、tsconfig.json配置错误导致

• 安装缺失的React类型依赖：执行npm install @types/react @types/react-dom --save-dev或yarn add @types/react @types/react-dom --dev
• 检查项目根目录的tsconfig.json配置，确保compilerOptions中包含以下配置项：

  {
    "compilerOptions": {
      "jsx": "react-jsx",
      "moduleResolution": "node",
      "esModuleInterop": true
    }
  }
  

• 不要直接用裸tsc命令编译React项目，react-scripts内置了TS编译能力，配置完成后直接执行react-scripts start启动即可。

内容的提问来源于stack exchange，提问作者Martin