使用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"] }
我真的不能告诉你现在经历了什么打破了打字,我大多可以给出提示……
原文链接:https://www.f2er.com/react/301035.html>当你从终端调用tsc时,它将使用打字稿的全局版本,包括它的核心类型,这是你得到“.nvm”错误的地方.建议您使用本地版本(node_modules / .bin / tsc).
>我建议你尝试添加“moduleResolution:node”.我不知道为什么,只是尝试一下,也许它修复了一些东西.
>我不确定redux-thunk打字是否适用于新的redux@4.x.可能是你的错误的来源.
我通常只是打开“skibLibCheck”,我们永远都不知道libs是用旧版本的TS编写的,甚至没有考虑“严格”标志.
编辑评论
>似乎react-native添加了他自己的基本javascript类型的版本,因此您可以通过lib标志禁用TS检测到的那些,因此它们不会发生冲突.