无法使用 TypeScript 启动 Expo Bare 工作流程

seu*_*jun 9 typescript react-native expo

我正在尝试使用 typescirpt 启动 expo bare 工作流程。

\n

但是当我在命令窗口中输入“expo init [项目名称]”后,

\n

我找不到最小(typescirpt)选项。

\n
? Choose a template: \xc2\xbb - Use arrow-keys. Return to submit.\n    ----- Managed workflow -----\n    blank               a minimal app as clean as an empty canvas\n    blank (TypeScript)  same as blank but with TypeScript configuration\n    tabs (TypeScript)   several example screens and tabs using react-navigation and TypeScript\n    ----- Bare workflow -----\n>   minimal             bare and minimal, just the essentials to get you started\n
Run Code Online (Sandbox Code Playgroud)\n

有人知道解决办法吗?

\n

Vla*_*ovk 21

*** 2023 年 1 月更新 ***

选项1

  1. 使用命令初始化项目npx create-expo-app
  2. tsconfig.json在您的项目根目录中创建一个touch tsconfig.json.
  3. 重命名App.js为.App.tsxmv App.js App.tsx
  4. 运行yarn startnpm run start. 它将提示您安装所需的依赖项(typescript、@types/react、@types/react-native),并自动配置您的tsconfig.json.
  5. 使用命令切换到“裸”工作流程npx expo eject

有关更多信息,请参阅有关 Expo Typescript 支持的文档

选项2

使用命令初始化项目npx react-native init MyApp --template react-native-template-typescript

有关更多信息,请参阅有关 React Native Typescript 支持的文档

选项3

通过一个命令使用模板npx create-expo-app -t expo-ts

有关更多信息,请阅读《2023 年启动 React Native 项目》一文。

*** 原答案 2022 年 2 月 ***

选项1

  1. 使用命令初始化项目expo init并选择minimal作为模板。或者使用这个命令:expo init --template bare-minimum --name <your-app-name>.
  2. tsconfig.json在您的项目根目录中创建一个: touch tsconfig.json.
  3. 重命名App.jsApp.tsxmv App.js App.tsx.
  4. 跑步expo start。它将提示您安装所需的依赖项(typescript、@types/react、@types/react-native),并自动配置您的tsconfig.json.

有关更多信息,请参阅有关 Expo Typescript 支持的文档

选项2

通过一个命令使用模板expo init --template @vladimir-vovk/expo-bare-typescript

有关更多信息,请阅读《2022 年启动 React Native 项目》一文。

!! 不幸的是,expo-template-bare-typescript包已经过时了。它将安装 Expo 41。


Eri*_*edo 5

+ 4.62.0不再可以选择创建已配置 Typescript 的 Bare Workflow 项目。

所以:

  1. 跑步:expo init nome-do-seu-app
  2. 选择:Bare Workflow -> Minimal
  3. tsconfig.json在您的项目根目录中创建一个
  4. 跑步expo start。它将提示您安装所需的依赖项(typescript、@types/react、@types/react-native),并自动配置您的 tsconfig.json。

在此输入图像描述

  1. 打开 tsconfig.json 并添加"strict": true

在此输入图像描述

  1. 将 App.js 重命名为 App.tsx:mv App.js App.tsx。

结束

现在您的项目 Bare Workflow 已配置 Typescript!


小智 2

我遇到了这个问题,但是您可以通过运行来启动您的项目

 expo init --template expo-template-bare-typescript --name appname
Run Code Online (Sandbox Code Playgroud)