Quantcast
Channel: Active questions tagged react-native+typescript - Stack Overflow
Viewing all articles
Browse latest Browse all 6215

Can not build react-native app after upgrading to 0.63.3

$
0
0

I upgraded to RN 0.63.3 from 0.61.5The problem with typescript during ./gradlew assembleRelease and running from Xcode. What can be the reason ?

Library/Developer/Xcode/DerivedData/ChemoSafe-fnvlvransqahaxdehhyqdidragnt/Build/Products/Release-iphonesimulator/ChemoSafe.appwarning: the transform cache was reset.                 Welcome to React Native!                Learn once, write anywhereerror SyntaxError: /Users/spawn/code/Work/src/screens/App/screens/Assessments/components/DashboardTile/DashboardTileImage/styledComponents.tsx: Unexpected token, expected ";" (71:42)[0m [90m 69 | [39m}[0m[0m [90m 70 | [39m[0m[0m[31m[1m>[22m[39m[90m 71 | [39m[36mconst[39m getProgress [33m=[39m ({progress[33m,[39m [33m...[39mprops})[33m:[39m number [33m=>[39m {[0m[0m [90m    | [39m                                          [31m[1m^[22m[39m[0m[0m [90m 72 | [39m  [36mreturn[39m getStrokeDasharray(props) [33m*[39m ([35m1[39m [33m-[39m progress [33m/[39m [35m100[39m)[0m[0m [90m 73 | [39m}[0m[0m [90m 74 | [39m[0m. Run CLI with --verbose flag for more details.SyntaxError: /Users/spawn/code/Work/src/screens/App/screens/Assessments/components/DashboardTile/DashboardTileImage/styledComponents.tsx: Unexpected token, expected ";" (71:42)[0m [90m 69 | [39m}[0m[0m [90m 70 | [39m[0m[0m[31m[1m>[22m[39m[90m 71 | [39m[36mconst[39m getProgress [33m=[39m ({progress[33m,[39m [33m...[39mprops})[33m:[39m number [33m=>[39m {[0m[0m [90m    | [39m                                          [31m[1m^[22m[39m[0m[0m [90m 72 | [39m  [36mreturn[39m getStrokeDasharray(props) [33m*[39m ([35m1[39m [33m-[39m progress [33m/[39m [35m100[39m)[0m[0m [90m 73 | [39m}[0m[0m [90m 74 | [39m[0m    at Object._raise (/Users/spawn/code/Work/node_modules/@react-native-community/cli/node_modules/@babel/parser/lib/index.js:799:17)    at Object.raiseWithData (/Users/spawn/code/Work/node_modules/@react-native-community/cli/node_modules/@babel/parser/lib/index.js:792:17)    at Object.raise (/Users/spawn/code/Work/node_modules/@react-native-community/cli/node_modules/@babel/parser/lib/index.js:786:17)    at Object.unexpected (/Users/spawn/code/Work/node_modules/@react-native-community/cli/node_modules/@babel/parser/lib/index.js:9068:16)    at Object.semicolon (/Users/spawn/code/Work/node_modules/@react-native-community/cli/node_modules/@babel/parser/lib/index.js:9050:40)    at Object.parseVarStatement (/Users/spawn/code/Work/node_modules/@react-native-community/cli/node_modules/@babel/parser/lib/index.js:12069:10)    at Object.parseStatementContent (/Users/spawn/code/Work/node_modules/@react-native-community/cli/node_modules/@babel/parser/lib/index.js:11660:21)    at Object.parseStatementContent (/Users/spawn/code/Work/node_modules/@react-native-community/cli/node_modules/@babel/parser/lib/index.js:6751:18)    at Object.parseStatement (/Users/spawn/code/Work/node_modules/@react-native-community/cli/node_modules/@babel/parser/lib/index.js:11593:17)    at Object.parseBlockOrModuleBlockBody (/Users/spawn/code/Work/node_modules/@react-native-community/cli/node_modules/@babel/parser/lib/index.js:12175:25)+ [[ false != true ]]+ [[ ! -f /Users/spawn/Library/Developer/Xcode/DerivedData/ChemoSafe-fnvlvransqahaxdehhyqdidragnt/Build/Products/Release-iphonesimulator/ChemoSafe.app/main.jsbundle ]]+ echo 'error: File /Users/spawn/Library/Developer/Xcode/DerivedData/ChemoSafe-fnvlvransqahaxdehhyqdidragnt/Build/Products/Release-iphonesimulator/ChemoSafe.app/main.jsbundle does not exist. This must be a bug with'
// styleComponents.tsx(71:42)const getProgress = ({progress, ...props}): number => {  return getStrokeDasharray(props) * (1 - progress / 100)}

My tsconfing.json:

{"compilerOptions": {"strict": true,"baseUrl": "./","allowSyntheticDefaultImports": true,"esModuleInterop": true,"allowJs": true,"checkJs": false,"declaration": false,"forceConsistentCasingInFileNames": true,"importHelpers": true,"noEmitHelpers": true,"jsx": "react-native","lib": ["dom", "es2015", "esnext"],"skipLibCheck": true,"types": ["jest", "node"],"target": "es2015","module": "esnext","moduleResolution": "node","resolveJsonModule": true,"isolatedModules": true,"noEmit": true,"noEmitOnError": false,"noFallthroughCasesInSwitch": true,"noUnusedLocals": true,"noUnusedParameters": false,"pretty": true,"removeComments": true,"sourceMap": true,"allowUnreachableCode": false,"noImplicitAny": false,"plugins": [      {"name": "typescript-styled-plugin","lint": {"validProperties": ["aspect-ratio","elevation","margin-vertical","margin-horizontal","padding-horizontal","padding-vertical","resize-mode","shadow-color","shadow-opacity","shadow-offset","shadow-radius","text-align-vertical","tint-color","resize-mode"          ]        }      }    ]  },"exclude": ["node_modules"]}

Thanks for the help !

typescript@3.8.3react-native@0.63.3"@babel/core": "^7.12.1","@babel/plugin-transform-runtime": "^7.12.1","@babel/runtime": "^7.12.1",adasdasadasdasadasdas


Viewing all articles
Browse latest Browse all 6215

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>