代码之家 › 专栏 › 技术社区 › gon250

React本机Typescript模板不工作

react-native typescript reactjs

gon250 · 技术社区 · 5 年前

我使用官方命令创建了一个带有typescript模板的React Native新项目 react-native init MyApp --template typescript (几次)并且我在运行应用程序时看不到所应用的更改。

我没有任何错误,所以我不知道我能做什么。下面是package.json,以防此帮助,但它基本上是从中自动生成的文件 typescript template

{
  "name": "MyApp",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.6.3",
    "react-native": "0.58.4"
  },
  "devDependencies": {
    "@types/jest": "^24.0.0",
    "@types/react": "^16.8.2",
    "@types/react-native": "^0.57.34",
    "@types/react-test-renderer": "^16.8.0",
    "babel-core": "7.0.0-bridge.0",
    "babel-jest": "24.1.0",
    "jest": "24.1.0",
    "metro-react-native-babel-preset": "0.51.1",
    "react-test-renderer": "16.6.3",
    "ts-jest": "^23.10.5",
    "typescript": "^3.3.3"
  },
  "jest": {
    "preset": "react-native"
  }
}

{
  "compilerOptions": {
    "allowJs": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "isolatedModules": true,
    "jsx": "react",
    "lib": ["es6"],
    "moduleResolution": "node",
    "noEmit": true,
    "strict": true,
    "target": "esnext"
  },
  "exclude": ["node_modules", "babel.config.js"]
}

你知道我如何使用typescript吗。谢谢

1 回复 | 直到 4 年前

gon250 5 年前

我已经找到了解决方案,基本上当你创建 作出反应 使用 打字脚本模板 在项目apperar的./中,有两个名为App(App.js和App.tsx)的文件,因此基本上解决方案是转到index.js并替换

import App from './App'; App from './App.tsx';

import {AppRegistry} from 'react-native';
import App from './App.tsx';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => App);

此外,您还可以解决移除 .js .ts

emin93 5 年前

似乎您没有执行安装后安装脚本,该脚本负责删除文件无论如何,这不再是必要的,因为随着React Native 0.59的发布,安装后安装脚本将自动执行。

推荐文章

user3587624 · 禁用FluentUI React组件上的onClick事件

1 年前

Devmix · 如何在new Map()中保存状态?

1 年前

programmerGuy · 使用useState时获取不可分配给参数的接口

1 年前

Luisus · 从Prisma 5客户端提取类型

1 年前

Rostys · TypeScript:使用类型转换进行类型保护

1 年前

Raffaele · TS2304:当types.d.ts导出某些内容时,找不到名称ENDPOINT

1 年前

Anne · 类型不一致的对象的TypeScript类型定义

1 年前

tuimui · 使用react+ts通过道具传递数据

1 年前

FJ97 · 错误NullInjectorError:R3InjectorError(AppModule)[MatDialogConfig->MatDialogConfig]:

1 年前

Pooria Sadeghy · Vitest-类型错误:_ctx$t不是函数

1 年前