找不到所需的文件。 - 将 TypeScript 添加到 React 项目答案

【问题标题】：Could not find a required file. - Adding TypeScript to React project找不到所需的文件。 - 将 TypeScript 添加到 React 项目
【发布时间】：2020-11-06 18:46:02
【问题描述】：

尝试通过 https://create-react-app.dev/docs/adding-typescript 将 TypeScript 添加到已创建的 React 应用程序中

我在尝试启动时遇到以下错误：

> npx react-scripts start
Could not find a required file.
  Name: index.js
  Searched in: /home/karl/dev/afry/tmr-client/src
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! tmr-client@0.1.0 start: `npx react-scripts start`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the tmr-client@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/karl/.npm/_logs/2020-11-06T18_43_02_622Z-debug.log

我按照指南中的说明将 index.js 重命名为 index.ts。

【问题讨论】：

指南说要重命名为index.tsx，而不是index.ts。
@JBallin AMAGHAWD。发表一个我会接受的答案。
由于对我的回答投了反对票，我正在重新讨论这个问题。我已经更新了我的答案，解释说我不清楚为什么这不起作用。您确定没有在父文件夹中安装 create-react-app 或 react-scripts 吗？我想确保您使用的是最新版本。还注意到您直接使用 npx 调用 react-scripts，而不是使用 start 脚本 - 但我认为这应该可行。

标签： reactjs typescript

【解决方案1】：

我今天在使用 create-react-app 时遇到了同样的问题。问题是根据此 Git 问题的 react-scripts 版本：Git Reference

一个快速的解决方案是更新反应脚本。我正在使用 react-scripts 4.0.3 版，没有任何问题。

基于文档的安全方法：Create React App Docs 是将 package.json 文件中的 react-scripts 版本更改为最新的稳定版本，例如 "react-scripts": "^4.0. 3"。然后，从命令行运行npm install。

【讨论】：

与最新的稳定版本（4.0.3）相同的问题

【解决方案2】：

TLDR：npm i -D react-scripts@latest

过时的 react-scripts 版本

我不确定为什么 index.ts 不适合你，它似乎是 supported。

唯一的解释是您使用的是过时的react-scripts 版本，您只需运行npm i -D react-scripts@latest 即可对其进行更新。更多详情来自Updating to New Releases：

Create React App 分为两个包：

create-react-app 是一个全局命令行实用程序，可用于创建新项目。 react-scripts 是一个开发依赖生成的项目（包括这个）。当你运行 npx create-react-app my-app 它会自动安装最新版本的创建 React 应用程序。

如果你之前通过 npm 全局安装了 create-react-app install -g create-react-app，请访问入门学习关于当前的安装步骤。

Create React App 使用最新版本的 react-scripts，因此您将获得所有新功能和改进自动新创建的应用程序。

要将现有项目更新为新版本的 react-scripts，请打开更改日志，找到您当前使用的版本（检查 package.json 如果您不确定，请在此文件夹中），然后应用新版本的迁移说明。

在大多数情况下，在 package.json 和中碰撞 react-scripts 版本在这个文件夹中运行 npm install（或 yarn install）就足够了，但最好查阅变更日志以了解潜在的重大变更。

我们承诺尽量减少重大更改，以便您升级无痛地反应脚本。

如果这是问题所在，则您依赖于全局安装 create-react-app - 不建议这样做，因为它不会使用最新版本。见Quick Start下的注释：

如果你之前通过 npm 全局安装了 create-react-app install -g create-react-app，我们建议你卸载包使用 npm uninstall -g create-react-app 或 yarn global remove create-react-app 以确保 npx 始终使用最新版本。

【讨论】：