inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

npm start 오류

미해결

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. info Opening the app on Android... info JS server already running. info Launching emulator... info 💡 Tip: Make sure that you have set up your development environment correctly, by running react-native doctor. To read more about doctor command visit: https://github.com/react-native-community/cli/blob/main/packages/cli-doctor/README.md#doctor :ReactNative:Unexpected empty result of running '[node, C:\Users\?��?��?��\mapapp\node_modules\@react-native-community\cli\build\bin.js, config]' command. :ReactNative:Running '[node, C:\Users\?��?��?��\mapapp\node_modules\@react-native-community\cli\build\bin.js, config]' command failed. FAILURE: Build failed with an exception. * Where: Script 'C:\Users\���ּ�\mapapp\node_modules\@react-native-community\cli-platform-android\native_module s.gradle' line: 389 * What went wrong: A problem occurred evaluating script. > node:internal/modules/cjs/loader:1228 throw err; ^Error: Cannot find module 'C:\Users\�삤�쐶�꽦\mapapp\node_modules\@react-native-community\cli\build\bin.js' at Function._resolveFilename (node:internal/modules/cjs/loader:1225:15) at Function._load (node:internal/modules/cjs/loader:1055:27) at TracingChannel.traceSync (node:diagnostics_channel:322:14) at wrapModuleLoad (node:internal/modules/cjs/loader:220:24) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:170:5) at node:internal/main/run_main_module:36:49 { code: 'MODULE_NOT_FOUND', requireStack: []}Node.js v22.14.0 * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. * Get more help at https://help.gradle.org BUILD FAILED in 1s SDK는 사용자명이 한글로 설정되어있는 문제가 있어서 C드라이브에 폴더 생성해서 넣어두었습니다. 문제가 뭔지 모르겠습니다..

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
댓글 1 좋아요 0 조회수 226

PostgreSQL 서버 연결 후 테이블이 생성되지 않음

미해결

맛집 지도앱 만들기 (React Native & NestJS)

안녕하세요. 첨부한 사진처럼 서버는 정상적으로 연결되었지만, 테이블이 생성되지 않습니다. Refresh를 해보고 컴퓨터를 재부팅한 후 다시 실행해 보았지만 여전히 테이블이 생성되지 않습니다. 어떤 점을 확인해야 할지 조언 부탁드립니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
grace 댓글 2 좋아요 0 조회수 209

앱 배포시 서버에 위치 저장 문제 질문

미해결

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. 강의 해주실때 IOS 승인실 다음과 같이 적어야 승인이 이루어진다고 강의를 해주셨는데요 "위치 확인을 위해서 위치 접근 권한 동의가 필요합니다. 동의하면, 현재 위치의 장소를 등록하는데 사용됩니다. 설정에서 이를 변경할 수 있습니다. 위치는 서버에 전송되지 않습니다." 앱을 보다보면 등산앱 같은곳에서는 제가 다녔던 곳 등을 위치를 서버에 저장했다가 보여주곤 하던데 이럴때는 서버에 사용자의 X,Y 좌표를 서버에 저장 해야될것 같은데 그러면 위의 저 문구를 어떻게 수정해서 적어야 IOS 앱 승인이 가능할까요? 단순히 위치는 서버에 전송됩니다.. 할 수는 없을거 같아서 여쭤봅니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
sevenfingersstudio 댓글 1 좋아요 0 조회수 92

React-native-webview가 0.77.0버전에서 작동이 되지 않습니다.(흰화면)

미해결

맛집 지도앱 만들기 (React Native & NestJS)

질문이 아닙니다. 해당 현재 "react-native": "^0.76.6", "react-native-webview": "^13.13.2", 에서 웹뷰로 카카오 로그인을 접속하려고 했으나. 버그가 있어 렌더링 접속이 되지 않습니다. 기존 제공해주신 깃허브 코드로 이어가려고 했으나 동일하네요. 원래는 0.77.0이었으나 해당 라이브러리 깃허브 이슈로 등록되어서 다들 동일하게 에러 뱉습니다. ++++ 방법을 찾아보니 랩핑하면 안되고 있습니다. +++ 랩핑을 제거후에 진행하시기 바랍니다. // <ScrollView style={styles.container}> <WebView style={styles.webview} source={{uri: uri}} onMessage={handleOnMessage} /> // </ScrollView>

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
알랭들롱 댓글 1 좋아요 0 조회수 267

서버 오류(?)

미해결

맛집 지도앱 만들기 (React Native & NestJS)

npm run start:dev 했을 때 오류는 안 나는데 'refresh'해도 스키마에 Tables에 table이 안 떠요..그래도 일단 진행해 봤는데 수업 노트 보고 api/axios.ts도 수정한대로 했는데 ERROR [ExceptionsHandler] No metadata for "User" was found. 이 오류가 뜨는데 어떻게 해결할 수 있을까요.. 이 오류 때문에 회원가입,로그인 눌러도 아무 반응이 없는 것 같아요. 아래 질문에 '[3-8]회원가입/로그인 오류' 글에 저와 같은 오류가 나오신 분이 있었는데 댓글봐도 해결을 못하겠네요

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
코딩맨 댓글 1 좋아요 0 조회수 137

react-native-reanimated가 Java 11에서 지원되지 않는 기능을 사용하고 있기 때문에 Java 17 이상으로 업데이트하고 Gradle 설정을 수정해야 합니다.

미해결

맛집 지도앱 만들기 (React Native & NestJS)

자바 11썻다가 버전이 안맞다고 해서 17버전으로 올렸고 react-native-reanimated 버전도 낮춰서 했는데 계속 자바 11에서 지원되지 않는 기능 사용한다고 오류 뜹니다 gradle도 8버전 쓰고 있고 혹시 몰라서 babel도 플러그인 해서 넣어봤는데도 안되는것같습니다 ㅠㅠ

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
msjw9022 댓글 1 좋아요 0 조회수 189

ruby 버전은 꼭 2.7.6을 설치해야 하나요?

미해결

맛집 지도앱 만들기 (React Native & NestJS)

ruby 2.7.6까지 설치하고 npx react-native@0.72.6 init MatjipApp --version 0.72.6 로 프로젝트 생성 중에 cocoapods 오류가 뜹니다 ERROR: Error installing activesupport: There are no versions of activesupport (= 8.0.1) compatible with your Ruby & RubyGems activesupport requires Ruby version >= 3.2.0. The current ruby version is 2.7.6.219. cocoapods 설치중 activesupport을 설치하게 되었는데요. activesupport가 ruby 3.2 이상 버전을 요구한다고 하더군요.. 이 경우에는 어떻게 해결해야 하나요? 루비 버전을 강의와 다르게 올려도 괜찮은가요? 결론은, ruby 버전을 3.2.0 이상으로 설치를 하고 진행하여도 강의 듣는데 문제가 없을지 궁금합니다

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
수빈 댓글 2 좋아요 0 조회수 339

sdk버전, kotlin 컴파일 오류인것같아요

미해결

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. System: OS: Windows 11 10.0.22631 CPU: (8) x64 12th Gen Intel(R) Core(TM) i3-12100F Memory: 4.03 GB / 15.86 GB Binaries: Node: version: 22.13.1 path: C:\Program Files\nodejs\node.EXE Yarn: version: 1.22.21 path: ~\AppData\Roaming\npm\yarn.CMD npm: version: 11.1.0 path: C:\Program Files\nodejs\npm.CMD Watchman: Not Found SDKs: Android SDK: Not Found Windows SDK: Not Found IDEs: Android Studio: AI-242.23726.103.2422.12816248 Visual Studio: - 17.4.33213.308 (Visual Studio Community 2022) Languages: Java: 17.0.14 Ruby: Not Found npmPackages: "@react-native-community/cli": Not Found react: installed: 18.2.0 wanted: 18.2.0 react-native: installed: 0.72.6 wanted: 0.72.6 react-native-windows: Not Found npmGlobalPackages: "*react-native*": Not Found Android: hermesEnabled: true newArchEnabled: false iOS: hermesEnabled: Not foun d newArchEnabled: Not found npx react-native run-android돌리니깐 MainActivity.java is not on the classpath of project app, only syntax errors are reported 에러 뜨는데 sdk버전, kotlin 컴파일 오류 문제인것같은데 어떻게 해야하나요

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
msjw9022 댓글 1 좋아요 0 조회수 209

mainactivity, mainapplication의 확장자가 java가 아닌 kotlin으로 되어있습니다

미해결

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다 프로젝트 생성했는데 mainactivity, mainapplication의 확장자가 java가 아닌 kotlin으로 되어있습니다 자바로 변경할려면 어떻게 해야하나요?

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
msjw9022 댓글 2 좋아요 0 조회수 114

react-native-gesture-handler 설치 오류

미해결

맛집 지도앱 만들기 (React Native & NestJS)

동영상 강의대로 진행하다가 index.js에 import 'react-native-gesture-handler' ; 를 입력하고 저장하자마자 아래 오류가 떴습니다..어떻게 해야하나요 ㅠㅠ 이 강의에서 너무 많은 오류가 떠서 진행이 며칠 째 안되서 너무 힘들어요. 2번째 오류 > Task :react-native-safe-area-context:compileDebugKotlin FAILED 'compileDebugJavaWithJavac' task (current target is 11) and 'compileDebugKotlin' task (current target is 1.8) jvm target compatibility should be set to the same Java version.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
코딩맨 댓글 1 좋아요 0 조회수 654

프로젝트 세팅후 실행시 오류가 발생합니다

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

환경변수 세팅, 안드로이드 스튜디오 세팅 완료 후 실행했는데 아래와 같은 오류가 발생합니다 > react-native run-android info JS server already running. info Launching emulator... error Failed to launch emulator. Reason: It took too long to start and connect with Android emulator: Medium_Phone_API_33. You can try starting the emulator manually from the terminal with: C:\Users\user\AppData\Local\Android\Sdk/emulator/emulator @Medium_Phone_API_33. warn Please launch an emulator manually or connect a device. Otherwise app may fail to launch. info Installing the app... > Task :app:compileDebugJavaWithJavac FAILED 19 actionable tasks: 2 executed, 17 up-to-date info 💡 Tip: Make sure that you have set up your development environment correctly, by running react-native doctor. To read more about doctor command visit: https://github.com/react-native-community/cli/blob/main/packages/cli-doctor/README.md#doctor FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:compileDebugJavaWithJavac'. > Could not resolve all files for configuration ':app:androidJdkImage'. > Failed to transform core-for-system-modules.jar to match attributes {artifactType=_internal_android_jdk_image, org.gradle.libraryelements=jar, org.gradle.usage=java-runtime}. > Execution failed for JdkImageTransform: C:\Users\user\AppData\Local\Android\Sdk\platforms\android-33\core-for-system-modules.jar. > Error while executing process C:\Program Files\Java\bin\jlink.exe with arguments {--module-path C:\Users\user\.gradle\caches\transforms-3\a716a49384427b91aa8778761f7fa6d1\transformed\output\temp\jmod --add-modules java.base --output C:\Users\user\.gradle\caches\transforms-3\a716a49384427b91aa8778761f7fa6d1\transformed\output\jdkImage --disable-plugin system-modules} * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. * Get more help at https://help.gradle.org BUILD FAILED in 5s error Failed to install the app. info Run CLI with --verbose flag for more details. Process finished with exit code 1 adb 버전 choco, java 버전 react-native 프로젝트 버전 buildscript { ext { buildToolsVersion = "33.0.0" minSdkVersion = 21 compileSdkVersion = 33 targetSdkVersion = 33 // We use NDK 23 which has both M1 support and is the side-by-side NDK version from AGP. ndkVersion = "23.1.7779620" } repositories { google() mavenCentral() } dependencies { classpath("com.android.tools.build:gradle") classpath("com.facebook.react:react-native-gradle-plugin") } } 환경변수 안드로이드 스튜디오 doctor 실행시엔 에뮬레이터가 없다고 표시되는데, 에뮬레이터 실행까진 정상적으로 됩니다. 앱 빌드시 오류가 발생하는것 같아요 Android ✖ Adb - No devices and/or emulators connected. Please create emulator with Android Studio or connect Android device. ✓ JDK - Required to compile Java code ✓ Android Studio - Required for building and installing your app on Android ✓ Android SDK - Required for building and installing your app on Android ✓ ANDROID_HOME - Environment variable that points to your Android SDK installation

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
ljy014 댓글 2 좋아요 0 조회수 216

코드스타일 문의드립니다.

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

import {deletPost} from '@/api'; import queryClient from '@/api/queryClient'; import {queryKeys} from '@/constants'; import {UseMutationCustomOptions} from '@/types'; import {useMutation} from '@tanstack/react-query'; function useMutateDeletePost(mutationOptions?: UseMutationCustomOptions) { return useMutation({ mutationFn: deletPost, onSuccess: () => { queryClient.invalidateQueries({ queryKeys: [queryKeys.POST, queryKeys.GET_POST], }); queryClient.invalidateQueries({ queryKey: [queryKeys.MARKER, queryKeys.GET_MARKERS] })\ } }); } export default useMutateDeletePost; 안녕하세요. 궁금한 게 있습니다.다름아니라 재갱신을 위해서 invalidataQueies를 호출할때 쿼리클라이언트를 여러개로 쪼개신 이유가 무엇인가요? 해당 키들을 한개의 invalidataQueries로만 호출이 가능할텐데, 여러개로 쪼개신 이유가 갑자기 궁금해서 문의드립니다. onSuccess: () => { queryClient.invalidateQueries({ queryKey: [ queryKeys.POST, queryKeys.GET_POST, queryKeys.MARKER, queryKeys.GET_MARKERS, ], }); }

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
알랭들롱 댓글 2 좋아요 0 조회수 96

변수 형식 선언이 안 됐다는 에러

미해결

맛집 지도앱 만들기 (React Native & NestJS)

CustomDrawerContent에서 문자 형식이 안 됐다는 에러가 있습니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
Jongsung Yoo 댓글 1 좋아요 0 조회수 85

common의 폴더명을 @common 으로 하셨나요?

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

common의 폴더명을 @common 으로 하신 특별한 이유가 있나요?

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
김기쁨 댓글 1 좋아요 0 조회수 83

절대 경로 적용 후 실행 안됨

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. 맥에서 IOS로 실행 시 에러가 발생합니다. 리액트 네이티브는 최신버전으로 설치했습니다. 코드는 프로젝트 생성한 그 자체에서 변경이 없습니다. 설정 "extends": "@react-native/typescript-config/tsconfig.json", "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./src/*"] // this is for importing index file } } } module.exports = { presets: ['module:metro-react-native-babel-preset'], plugins: [ 'react-native-reanimated/plugin', [ 'module-resolver', { alias: { '@': './src', }, }, ], ], }; 에러 error export CLANG_WARN_EMPTY_BODY\=YES error [SyntaxError]: /Users/youngseok/study/RN/lecture/MatzipApp/front/node_modules/react-native/Libraries/Components/ActivityIndicator/ActivityIndicator.js: Missing initializer in const declaration. (156:41) error ', error Failed to build ios project. "xcodebuild" exited with error code '65'. To debug build logs further, consider building your app with Xcode.app, by opening 'MatzipApp.xcworkspace'. error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
Young-Seok Jang 댓글 3 좋아요 0 조회수 261

AccessToken 만료시 홈화면 이동이 안되는거 같은데요?

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. 모든 강의를 듣고나서 이것저것 공부를 하던 중 실습에서도 AccessToken 만료 테스트를 하신적이 없는거같아서 서버단 .env 에서 JWT_ACCESS_TOKEN_EXPIRATION=1m 요렇게 두고 number.ts 소스에서도 ACCESS_TOKEN_REFRESH_TIME: 1000 * 60 * 1 - 1000 * 60 * 0.7, 이렇게 바꾸어 1분만에 만료되게 해서 테스트 해보니 만료는 되는데 만료된 후 이렇게 401 에러가 뜨면서 홈화면으로 넘어가지를 않네요... 선생님 전체소스를 받아서 테스트를 해보아도 마찬가지입니다.. AccessToken 만료시 테스트가 이루어지지 않은 소스인건지.. 아니면 제가 누락한 부분이 있는걸까요?

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
sevenfingersstudio 댓글 2 좋아요 0 조회수 135

AWS EC2+RDS+S3 배포하여 서버 백그라운드 실행질문

해결됨

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다. 강의를 전부 듣고나서 AWS에 EC2+RDS+S3 까지 셋팅하고 EC2에 깃험 클론하여 소스 가져오고 EC2 백그라운드에 서버를 상주시키고 싶은데 방법을 잘모르겠습니다. 좀더 자세히 알려주실 수 있으실까요? 현재는 matzip폴대내 front, server 소스를 EC2 에 가져온 상태이고요 우분투에서 npm run start dev 로 서버를 실행시켜서 스마트폰에 실제 배포해서 해보니 EC2, RDS, S3 전부 잘연결되서 실행되는것은 확인했습니다. 그런데 npm run start dev로 실행하는거말고 ec2 서버에 백그라운드에 항상 서버를 동작시키고 싶은데 어떻게 해야할까요? 도와주세요.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
sevenfingersstudio 댓글 2 좋아요 0 조회수 143

에러가 나옵니다

미해결

맛집 지도앱 만들기 (React Native & NestJS)

말씀하신대로 ruby의 버전을 2.7.6 버전을 맞췄음에도 불구하고 위와 같이 에러가 나와서 에러 해결시에 필요하다고 안내받은 sudo gem install cocoapods를 설치했는데 설치시에도 버전이 안맞다고 에러가 나와서 그에 맞는 버전으로 설치했지만 결국 위 와같은 에러가 나옵니다 많은 시간을 투자했지만 되고 있지않습니다. ㅠㅠㅠ

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
강동우 댓글 2 좋아요 0 조회수 226

인기 태그

인프런 TOP Writers

주간 인기글