Je travaille dans un projet ReactXP où je dois utiliser React Native modules natifs .
J'ai donc inclus les types de réactifs natifs en tant que dépendance de dev.
Mon projet ne compile pas actuellement avec les erreurs suivantes:
node_modules/@types/react-native/globals.d.ts(92,14): error TS2300: Duplicate identifier 'RequestInfo'.
node_modules/@types/react-native/index.d.ts(8751,11): error TS2451: Cannot redeclare block-scoped variable 'console'.
node_modules/@types/react-native/index.d.ts(8759,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(8762,11): error TS2451: Cannot redeclare block-scoped variable 'navigator'.
node_modules/TypeScript/lib/lib.dom.d.ts(15764,13): error TS2451: Cannot redeclare block-scoped variable'navigator'.
node_modules/TypeScript/lib/lib.dom.d.ts(15940,13): error TS2451: Cannot redeclare block-scoped variable'console'.
node_modules/TypeScript/lib/lib.dom.d.ts(15997,6): error TS2300: Duplicate identifier 'RequestInfo'.
18:17:44 - Compilation complete. Watching for file changes.
Voici mon fichier package.json:
"dependencies": {
"react": "^16.4.0",
"react-dom": "^16.3.1",
"react-native": "^0.55.4",
"react-native-windows": "^0.54.0",
"reactxp": "^1.2.1"
},
"devDependencies": {
"@types/react-native": "^0.55.16",
"@types/webpack": "^4.1.3",
"@types/node": "9.6.7",
"@types/react-dom": "^16.0.5",
"awesome-TypeScript-loader": "^5.0.0",
"rnpm-plugin-windows": "^0.2.8",
"source-map-loader": "^0.2.3",
"ts-node": "^5.0.1",
"tslint": "^5.9.1",
"tslint-Microsoft-contrib": "^5.0.3",
"TypeScript": "^2.8.1",
"webpack": "^4.5.0",
"webpack-cli": "^2.0.13"
}
et le fichier tsconfig.json
{
"exclude": [
"node_modules"
],
"compilerOptions": {
"declaration": false,
"noResolve": false,
"jsx": "react",
"reactNamespace": "RX",
"module": "commonjs",
"target": "es5",
"experimentalDecorators": true,
"sourceMap": true,
"noImplicitAny": true,
"noImplicitReturns": true,
"outDir": "./dist/",
"types": [
"lodash",
"react",
"react-dom"
],
"lib": [
"es6",
"dom"
],
},
"include": [
"./src/ts/**/*"
]
}
Je ne comprends pas ce que je fais mal.
Toute aide appréciée.
Ajouter "skipLibCheck": true
dans tsconfig.json
Réf.: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/16825
J'ai ajouté "skipLibCheck": true
et "allowSyntheticDefaultImports": true
à tsConfig.js.