如何禁用所有打字稿类型检查？

Question

我想在将来使用 TypeScript，但目前我选择在 Create React App 中安装 TypeScript。 （稍后我会回去添加类型）

因此，我想禁用所有类型检查。

现在，当我做这样的事情时：

<PlaceSearchBar
    placeSearchChanged={this.placeSearchChanged}
/>


class PlaceSearchBar extends React.Component {
...
}

我收到一个错误：

Type error: Type '{ placeSearchChanged: (place: any) => void; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<PlaceSearchBar> & Readonly<{ children?: ReactNode; }> & Readonly<{}>'.
  Property 'placeSearchChanged' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<PlaceSearchBar> & Readonly<{ children?: ReactNode; }> & Readonly<{}>'.  TS2322

显然我需要在 React.Component<placeSearchChanged:function> 或类似的东西中声明类型。

我觉得这很烦人，我想禁用我的 tsconfig.json 中的所有检查。

如何禁用所有检查（但仍保持安装 TypeScript，以防未来）？

这是我当前的 tsconfig.json：

{
  "compilerOptions": {
    "target": "es6",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext",
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "preserve",
    "noImplicitAny": false,
  },
  "include": [
    "src"
  ]
}

Answer 1

没有类型的打字稿是 Javascript。 在没有 Typescript 的情况下启动您的项目，并在您准备好时进行转换。 以<any> 开头不是一个好习惯，我认为没有任何意义。

Answer 2

我同意 nologin，这样做没有意义，但是如果你真的想要，我可以想到几种方法，这里有几个：

按文件禁用

在文件顶部添加此评论/* tslint:disable */

排除您的 src 文件夹

从 tslint.json 中排除您的代码文件夹（可能也需要在 tsconfig.json 上执行此操作

{
 // some linting options
  linterOptions: {
    exclude: ['src/**','components/**'],
  }
}

清空 tslint.json 和 tsconfig

只需将 tslint.json 和 tsconfig.json 文件替换为空对象

Answer 3

Typescript 的 USP 是在编译时进行类型检查。它最终编译为 javascript。从没有打字稿开始。当您想要进行一些重构时，您始终可以将其包含在您的项目中。

https://www.typescriptlang.org/docs/handbook/migrating-from-javascript.html

Answer 4

将此添加到您的tsconfig.json：

{
  "compilerOptions": {
    ...
    "checkJs": false
    ...
  }
}

并暂时坚持使用.js/.jsx 文件。仅当您准备好使用类型时才使用.ts/.tsx 扩展。

如果您希望逐行抑制错误，可以使用// @ts-ignore 注释。

Answer 5

即使存在打字稿错误，您也可以让 CRA 构建发生。

只需设置环境变量TSC_COMPILE_ON_ERROR=true

查看CRA documentation了解更多详细信息

Answer 6

我遇到了同样的问题，我尝试修改tsconfig.json文件如下。

之前：

/* To learn more about this file see: https://angular.io/config/tsconfig. */
{
  "compileOnSave": false,
  "compilerOptions": {
      "baseUrl": "./",
      "outDir": "./dist/out-tsc",
      "forceConsistentCasingInFileNames": true,
    "strict": true,
    "noImplicitOverride": true,
    "noPropertyAccessFromIndexSignature": true,
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true,
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2017",
    "module": "es2020",
    "lib": [
      "es2020",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "enableI18nLegacyMessageIdFormat": false,
    "strictInjectionParameters": true,
    "strictInputAccessModifiers": true,
    "strictTemplates": true
  }
}

之后

/* To learn more about this file see: https://angular.io/config/tsconfig. */
{
  "compileOnSave": false,
  "compilerOptions": {
      "baseUrl": "./",
      "outDir": "./dist/out-tsc",
      "forceConsistentCasingInFileNames": true,
    "strict": true,
    "noImplicitOverride": true,
    "noPropertyAccessFromIndexSignature": true,
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true,
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2017",
    "module": "es2020",
    "lib": [
      "es2020",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "enableI18nLegacyMessageIdFormat": false,
    "strictInjectionParameters": false,
    "strictInputAccessModifiers": true,
    "strictTemplates": false
  }
}

更改 "strictInjectionParameters": false, 和 "strictTemplates": false 对我有用。