React Native 仍然以错误定义的类型运行（TypeScript）

Question

我正在尝试将 React Native 项目转换为基于 TypeScript 的项目。 到目前为止，我将.jsx文件转换为.tsx文件，当我运行yarn tsc ，它会抛出大量错误。 但是，我的npx react-native start && npx react-native run-android仍然运行而没有任何抱怨。 （我尝试清理缓存）

我故意将其中一个变量定义为不正确的类型，并且代码仍然可以正常运行。 我做错了什么？ 为什么我的项目仍然有效？

我的tsconfig.json看起来像这样

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

Answer 1

为什么我的项目仍然有效？

大多数类型错误实际上并不会阻止您的打字稿发出 javascript 代码。 Typescript 仍然能够发出带有类型错误的代码。 真正需要做的就是删除类型注释，这让剩下的纯 javascript 发挥作用。*

如果您查看此打字稿游乐场，您将看到此打字稿代码：

const aString: string = 123 // Type 'number' is not assignable to type 'string'.(2322)

正在被编译到这个 javascript 中：（参见右侧窗格，单击“.JS”）

"use strict";
const aString = 123;

它有类型错误，并发出可运行的 javascript 代码。

当你运行一个编译有类型错误的项目时，你很可能会因此遇到运行时错误。 所以你一定要修复这些类型错误。

---

* 以及其他一些与类型无关的转译语法，如enum 、可链接的空访问器foo?.bar等。