使用Typescript 2.8反应Native – 无法重新声明块范围变量’console’

使用Typescript创建了一个react-native入门项目,可以在2周前运行.现在,当我尝试运行项目时,它会在打字稿编译过程中出错.

使用skipLibraryCheck:tsconfig.json中的true可修复错误.
但是为什么它会从〜/ .nvm和./node_modules目录中抛出错误

错误(针对node_modules / .bin / tsc更新):

>  node_modules/.bin/tsc
node_modules/@types/react-native/index.d.ts(8742,11): error TS2451: Cannot redeclare block-scoped variable 'console'.
node_modules/@types/react-native/index.d.ts(8750,18): error TS2717: Subsequent property declarations must have the same type.  Property 'geolocation' must be of type 'Geolocation',but here has type 'GeolocationStatic'.
node_modules/@types/react-native/index.d.ts(8753,11): error TS2451: Cannot redeclare block-scoped variable 'navigator'.
node_modules/redux-thunk/index.d.ts(4,47): error TS2314: Generic type 'dispatch<A,S>' requires 2 type argument(s).
node_modules/redux-thunk/index.d.ts(8,20): error TS2428: All declarations of 'dispatch' must have identical type parameters.
node_modules/redux/index.d.ts(115,18): error TS2428: All declarations of 'dispatch' must have identical type parameters.
node_modules/redux/index.d.ts(161,13): error TS2314: Generic type 'dispatch<A,S>' requires 2 type argument(s).
node_modules/redux/index.d.ts(283,42): error TS2314: Generic type 'dispatch<A,53): error TS2314: Generic type 'dispatch<A,S>' requires 2 type argument(s).
node_modules/redux/index.d.ts(302,66): error TS2314: Generic type 'dispatch<A,77): error TS2314: Generic type 'dispatch<A,S>' requires 2 type argument(s).
node_modules/redux/index.d.ts(303,38): error TS2314: Generic type 'dispatch<A,S>' requires 2 type argument(s).
node_modules/redux/index.d.ts(384,95): error TS2314: Generic type 'dispatch<A,S>' requires 2 type argument(s).
node_modules/redux/index.d.ts(389,33): error TS2314: Generic type 'dispatch<A,S>' requires 2 type argument(s).
node_modules/redux/index.d.ts(391,106): error TS2314: Generic type 'dispatch<A,S>' requires 2 type argument(s).
node_modules/redux/index.d.ts(396,34): error TS2314: Generic type 'dispatch<A,S>' requires 2 type argument(s).
node_modules/typescript/lib/lib.es6.d.ts(21612,13): error TS2451: Cannot redeclare block-scoped variable 'navigator'.
node_modules/typescript/lib/lib.es6.d.ts(21788,13): error TS2451: Cannot redeclare block-scoped variable 'console'.

项目详情:

❯ react-native info
  Environment:
  OS: macOS High Sierra 10.13.4
  Node: 9.11.1
  Yarn: 1.6.0
  npm: 6.0.0
  Watchman: 4.9.0
  Xcode: Xcode 9.2 Build version 9C40b
  Android Studio: 2.3 AI-162.3934792

Packages: (wanted => installed)
  react: 16.3.1 => 16.3.1
  react-native: 0.55.3 => 0.55.3

的package.json

{
  "name": "hello-world-rn","version": "0.0.1","private": true,"scripts": {
    "build": "npm run clean && npm run tsc --","clean": "rimraf lib","lint": "tslint src/**/*.ts","start": "node node_modules/react-native/local-cli/cli.js start"
  },"dependencies": {
    "native-base": "2.4.3","react-native": "0.55.3","react-redux": "5.0.7","redux": "4.0.0","redux-thunk": "2.2.0"
  },"devDependencies": {
    "@types/jest": "22.2.3","@types/react": "16.3.13","@types/react-native": "0.55.8","@types/react-redux": "5.0.19","@types/react-test-renderer": "16.0.1","babel-core": "6.26.3","babel-jest": "22.4.3","babel-preset-react-native": "4.0.0","concurrently": "3.5.1","eslint": "4.19.1","jest": "22.4.3","react": "16.3.1","react-test-renderer": "^16.3.0-alpha.1","rimraf": "2.6.2","tslint": "5.9.1","tslint-config-prettier": "1.12.0","tslint-eslint-rules": "5.1.0","tslint-react": "3.5.1","typescript": "2.8.3"
  },"jest": {
    "preset": "react-native","testRegex": "lib/.+\\.(test|spec).js$","coverageDirectory": "coverage","coverageReporters": [
      "text-summary","html"
    ]
  },"collectCoverageFrom": [
    "lib/**/*.js","!lib/**/*.spec.js","!lib/**/*.index.js"
  ]
}

tsconfig.json

{
  "compilerOptions": {
    "target": "es6","module": "commonjs","jsx": "react-native","sourceMap": true,"outDir": "./lib","strict": true,"types": ["react","react-native","jest"],"esModuleInterop": true,"skipLibCheck": false
  },"compileOnSave": false,"exclude": ["./android/*","./ios/*","./lib/*","./node_modules/*"],"filesGlob": ["typings/index.d.ts","src/**/*.ts","src/**/*.tsx"],"jest"]
}
我真的不能告诉你现在经历了什么打破了打字,我大多可以给出提示……

>当你从终端调用tsc时,它将使用打字稿的全局版本,包括它的核心类型,这是你得到“.nvm”错误的地方.建议您使用本地版本(node_modules / .bin / tsc).
>我建议你尝试添加“moduleResolution:node”.我不知道为什么,只是尝试一下,也许它修复了一些东西.
>我不确定redux-thunk打字是否适用于新的redux@4.x.可能是你的错误的来源.

我通常只是打开“skibLibCheck”,我们永远都不知道libs是用旧版本的TS编写的,甚至没有考虑“严格”标志.

编辑评论

>似乎react-native添加了他自己的基本javascript类型的版本,因此您可以通过lib标志禁用TS检测到的那些,因此它们不会发生冲突.

相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...