将TypeScript添加到现有的create-react-app应用程序

丽迪雅:

我在将TypeScript添加到已经存在的 create-react-app应用程序时遇到困难以前,我总是在启动项目之前就添加了它,只需通过即可create-react-app my-app --scripts-version=react-scripts-ts,但是现在不起作用。

我在这里找到的唯一“解决方案” 是:

  1. 创建一个临时项目 react-scripts-ts
  2. 复制tsconfig.jsontsconfig.test.jsontslint.json从临时项目src文件夹到项目的src文件夹中。
  3. 在中package.json将脚本部分中的所有引用更改react-scriptsreact-scripts-ts

这似乎是一个怪异的解决方法,并且效率不高。有谁知道是否可以用比这更好的方式添加它?

用户1843640:

从react-scripts 2.10开始,您可以将TypeScript添加到现有项目中或在创建新项目时。

现有项目

yarn add typescript @types/node @types/react @types/react-dom @types/jest

...然后将.js文件重命名.tsx

新项目

yarn create react-app my-app --typescript

您可以在这里阅读更多内容

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

将Redux添加到现有的React应用程序

将 ruby on rails 添加到现有的 React Native 应用程序

如何将 React 添加到现有的 Electron 应用程序中?

将react-native-web添加到现有的react-native应用程序时出错

将 Babel 添加到 Typescript React 应用程序

无法将 React-Native 添加到现有应用程序

如何将 Redux 存储添加到使用 create-react-native-app 创建的 React Native 应用程序

将单个React Native视图添加到现有Android应用程序的正确方法是什么?

将元素添加到现有的 React DropdownButton

将GWT添加到现有的Maven Web应用程序

使用 .Net 4 将 MVC 项目添加到现有的 Web 应用程序

如何将LiveView添加到现有的Elixir / Phoenix应用程序?

尝试将 @ionic/angular 添加到现有的 angular 12 应用程序失败

将vueJS添加到现有的angular应用程序中

将websockets添加到现有的php应用程序

将刺激和导入映射添加到现有的 Rails 6.1 应用程序

将MeteorJS添加到现有的AngularJS / MEAN堆栈应用程序

Ruby on Rails:将api添加到现有的Web应用程序

为什么在使用create-react-app将react-router-dom添加到react应用程序时,笑话测试会中断

将网站添加到现有的Azure移动应用程序(应用程序服务)

将React或React Native嵌入到现有的移动应用程序中

将服务器端Blazor添加到现有的MVC Core应用程序

如何将Angular 2.0添加到现有的ASP.NET MVC应用程序

将客户端Blazor添加到现有的ASP.NET MVC5应用程序

如何将ReactJS添加到现有的node.js后端应用程序

如何将Angle 4添加到现有的node.js应用程序

如何将文件导入使用 create react app 作为原始文本的 react 应用程序?

在单个 Azure 应用程序中使用 Express 后端响应应用程序(通过 create-react-app)?

如何将React.js添加到现有的.NET Core