无法按照官方指示创建 React Native + TypeScript 应用程序

Posted 2023-03-13

【中文标题】无法按照官方指示创建 React Native + TypeScript 应用程序

【英文标题】：Cannot create a React Native + TypeScript app by following official directions

【发布时间】：2020-12-23 07:34:59

【问题描述】：

使用以下上下文：

$ node -v
v14.8.0

$ npm -v
6.14.7

$ yarn -v
1.21.1

$ tsc -v
Version 4.0.2

并按照此处的说明进行操作：https://reactnative.dev/docs/typescript

我尝试使用以下命令创建React Native + TypeScript 应用程序：

$ npx react-native init app --template react-native-template-typescript

但得到以下文件结构：

即使我在上面的创建命令中使用了相应的TypeScript 模板，您也可以看到我没有得到任何.tsx 文件（我实际上是这样期待的）。

稍后他们有部分：将 TypeScript 添加到现有项目，但我没有执行那里的步骤，因为我想要做的不是完全将 TypeScript 添加到现有项目React Native 项目，但只是从一开始就使用TypeScript 创建一个React Native 项目。

我在这里做错了什么吗？

感谢您的关注。

【问题讨论】：

微软github.com/microsoft/TypeScript-React-Native-Starter987654323@recommanded react native 使用 typescript 的正确方法

【参考方案1】：

npx react-native init ProjectName--template react-native-template-typescript

更多详情请点击以下链接

https://reactnative.dev/docs/typescript

【参考方案2】：

我正在使用 expo 创建和开发 react-native 应用程序。 尝试使用以下命令在您的 PC 上全局安装：npm install -g expo-cli。 然后输入 expo init projectname ，您将拥有以下选项：

选择模板： ----- 托管工作流程 ----- 像空白画布一样空白的最小应用程序

空白（TypeScript）与空白相同，但具有 TypeScript 配置 tabs (TypeScript) 使用 react-navigation 和 TypeScript 的几个示例屏幕和选项卡 ----- 裸工作流 ----- 最小的裸露和最小的，只是让你开始的必需品 最小（TypeScript）与最小相同，但具有 TypeScript 配置

这会奏效的！