expo / snack

Expo Snack lets you run Expo in the browser.
https://snack.expo.dev
MIT License
348 stars 97 forks source link

solve this "Failed to resolve dependency '@react-navigation/native@^6.1.6' (Module build failed (from ../../../../../../../app/node_modules/babel-loader/lib/index.js):" #512

Open patel-harshal opened 8 months ago

patel-harshal commented 8 months ago

Summary

Failed to resolve dependency '@react-navigation/native@^6.1.6' (Module build failed (from ../../../../../../../app/node_modules/babel-loader/lib/index.js):

react navigation is not working in snack expo inside. show this type of error in my console.

What platform(s) does this occur on?

Android, iOS, Web

SDK Version

48 or 49

Reproducible demo or steps to reproduce from a blank project

Failed to resolve dependency '@react-navigation/native@^6.1.6' (Module build failed (from ../../../../../../../app/node_modules/babel-loader/lib/index.js): Retry SyntaxError: /tmp/snackager/snackager/buildStatus/1/@react-navigation~native@6.1.9-ios,android,web/package/node_modules/@react-navigation/core/src/types.tsx: Unexpected token, expected "?" (705:52)

703 | [RouteName in keyof ParamList]?: NonNullable< 704 | ParamList[RouteName]

705 | > extends NavigatorScreenParams<infer T extends {}> | ^ 706 | ? string | PathConfig 707 | : string | Omit<PathConfig<{}>, 'screens' | 'initialRouteName'>; 708 | }; at Parser._raise (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:816:17) at Parser.raiseWithData (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:809:17) at Parser.raise (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:770:17) at Parser.unexpected (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:9893:16) at Parser.expect (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:9867:28) at Parser.tsParseType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6516:10) at Parser.tsParseDelimitedListWorker (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:5660:23) at Parser.tsParseDelimitedList (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:5649:25) at /app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6963:19 at Parser.tsInNoContext (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6613:14) at /app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6961:44 at Parser.tsInType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6624:14) at Parser.tsParseTypeArguments (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6961:24) at Parser.tsParseTypeReference (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:5747:34) at Parser.tsParseNonArrayType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6201:23) at Parser.tsParseArrayTypeOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6252:21) at Parser.tsParseTypeOperatorOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6307:120) at Parser.tsParseUnionOrIntersectionType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6316:18) at Parser.tsParseIntersectionTypeOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6328:17) at Parser.tsParseUnionOrIntersectionType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6316:18) at Parser.tsParseUnionTypeOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6332:17) at Parser.tsParseNonConditionalType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6538:17) at Parser.tsParseType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6515:29) at /app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6645:19 at Parser.tsInType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6624:14) at Parser.tsDoThenParseType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6643:17) at Parser.tsNextThenParseType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6639:17) at Parser.tsEatThenParseType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6631:50) at Parser.tsTryParseType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6466:17) at Parser.tsParseMappedType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6048:32) at Parser.tsParseNonArrayType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6236:79) at Parser.tsParseArrayTypeOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6252:21) at Parser.tsParseTypeOperatorOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6307:120) at Parser.tsParseUnionOrIntersectionType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6316:18) at Parser.tsParseIntersectionTypeOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6328:17) at Parser.tsParseUnionOrIntersectionType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6316:18) at Parser.tsParseUnionTypeOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6332:17) at Parser.tsParseNonConditionalType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6538:17) at Parser.tsParseType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6507:23) at /app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6602:19 at Parser.tsInType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6624:14) at Parser.tsParseTypeAliasDeclaration (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6593:32) at Parser.tsParseDeclaration (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6918:23) at Parser.tsTryParseExportDeclaration (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6837:17) at Parser.parseExportDeclaration (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:7436:26) at Parser.maybeParseExportDeclaration (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:13709:31) at Parser.parseExport (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:13647:29) at Parser.parseExport (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:7247:20) at Parser.parseStatementContent (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:12640:27) at Parser.parseStatementContent (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:7284:18) at Parser.parseStatement (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:12534:17) at Parser.parseBlockOrModuleBlockBody (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:13123:25) at Parser.parseBlockBody (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:13114:10) at Parser.parseProgram (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:12457:10) at Parser.parseTopLevel (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:12448:25) at Parser.parse (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:14175:10) at Parser.parse (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:7954:18) at parse (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:14227:38) at parser (/app/node_modules/@babel/core/lib/parser/index.js:52:34) at parser.next () at normalizeFile (/app/node_modules/@babel/core/lib/transformation/normalize-file.js:82:38) at normalizeFile.next () at run (/app/node_modules/@babel/core/lib/transformation/index.js:29:50) at run.next () at Function.transform (/app/node_modules/@babel/core/lib/transform.js:25:41) at transform.next () at step (/app/node_modules/gensync/index.js:261:32) at /app/node_modules/gensync/index.js:273:13 at async.call.result.err.err (/app/node_modules/gensync/index.js:223:11) Module build failed (from ../../../../../../../app/node_modules/babel-loader/lib/index.js): SyntaxError: /tmp/snackager/snackager/buildStatus/1/@react-navigation~native@6.1.9-ios,android,web/package/node_modules/@react-navigation/core/src/types.tsx: Unexpected token, expected "?" (705:52)

703 | [RouteName in keyof ParamList]?: NonNullable< 704 | ParamList[RouteName]

705 | > extends NavigatorScreenParams<infer T extends {}> | ^ 706 | ? string | PathConfig 707 | : string | Omit<PathConfig<{}>, 'screens' | 'initialRouteName'>; 708 | }; at Parser._raise (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:816:17) at Parser.raiseWithData (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:809:17) at Parser.raise (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:770:17) at Parser.unexpected (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:9893:16) at Parser.expect (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:9867:28) at Parser.tsParseType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6516:10) at Parser.tsParseDelimitedListWorker (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:5660:23) at Parser.tsParseDelimitedList (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:5649:25) at /app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6963:19 at Parser.tsInNoContext (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6613:14) at /app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6961:44 at Parser.tsInType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6624:14) at Parser.tsParseTypeArguments (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6961:24) at Parser.tsParseTypeReference (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:5747:34) at Parser.tsParseNonArrayType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6201:23) at Parser.tsParseArrayTypeOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6252:21) at Parser.tsParseTypeOperatorOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6307:120) at Parser.tsParseUnionOrIntersectionType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6316:18) at Parser.tsParseIntersectionTypeOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6328:17) at Parser.tsParseUnionOrIntersectionType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6316:18) at Parser.tsParseUnionTypeOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6332:17) at Parser.tsParseNonConditionalType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6538:17) at Parser.tsParseType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6515:29) at /app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6645:19 at Parser.tsInType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6624:14) at Parser.tsDoThenParseType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6643:17) at Parser.tsNextThenParseType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6639:17) at Parser.tsEatThenParseType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6631:50) at Parser.tsTryParseType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6466:17) at Parser.tsParseMappedType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6048:32) at Parser.tsParseNonArrayType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6236:79) at Parser.tsParseArrayTypeOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6252:21) at Parser.tsParseTypeOperatorOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6307:120) at Parser.tsParseUnionOrIntersectionType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6316:18) at Parser.tsParseIntersectionTypeOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6328:17) at Parser.tsParseUnionOrIntersectionType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6316:18) at Parser.tsParseUnionTypeOrHigher (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6332:17) at Parser.tsParseNonConditionalType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6538:17) at Parser.tsParseType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6507:23) at /app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6602:19 at Parser.tsInType (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6624:14) at Parser.tsParseTypeAliasDeclaration (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6593:32) at Parser.tsParseDeclaration (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6918:23) at Parser.tsTryParseExportDeclaration (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:6837:17) at Parser.parseExportDeclaration (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:7436:26) at Parser.maybeParseExportDeclaration (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:13709:31) at Parser.parseExport (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:13647:29) at Parser.parseExport (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:7247:20) at Parser.parseStatementContent (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:12640:27) at Parser.parseStatementContent (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:7284:18) at Parser.parseStatement (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:12534:17) at Parser.parseBlockOrModuleBlockBody (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:13123:25) at Parser.parseBlockBody (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:13114:10) at Parser.parseProgram (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:12457:10) at Parser.parseTopLevel (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:12448:25) at Parser.parse (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:14175:10) at Parser.parse (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:7954:18) at parse (/app/node_modules/@babel/core/node_modules/@babel/parser/lib/index.js:14227:38) at parser (/app/node_modules/@babel/core/lib/parser/index.js:52:34) at parser.next () at normalizeFile (/app/node_modules/@babel/core/lib/transformation/normalize-file.js:82:38) at normalizeFile.next () at run (/app/node_modules/@babel/core/lib/transformation/index.js:29:50) at run.next () at Function.transform (/app/node_modules/@babel/core/lib/transform.js:25:41) at transform.next () at step (/app/node_modules/gensync/index.js:261:32) at /app/node_modules/gensync/index.js:273:13 at async.call.result.err.err (/app/node_modules/gensync/index.js:223:11))