월 14,300원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨배달앱 클론코딩 [with React Native]
패키지명 변경 시 오류
안녕하세요.현재 패키지명을 바꾸려고 하고 있는데 다른 파일들은 다 있는 buck 파일이 없어서 패키지명을 바꾸는데 애를 먹고 있습니다. 혹시 buck 파일이 없는 이유를 아실까요? 처음부터 보면서 따라갔고 다시 돌려보았으나 혹시 제가 놓친 부분이 있어서 그러한 것인지 알고 싶습니다.
- 미해결배달앱 클론코딩 [with React Native]
Android 앱 이름 변경
앱 이름을 바꿀때 app.json 파일을 건들지 않고, 다시 프로젝트를 만드는게 좋다고 하셨는데, 혹시 실제로 사용자들이 보는 앱 이름이랑 Play Store에 올라간 이름만 바꾸고 싶더라도 프로젝트를 새로 만드는것이 낫나요? https://marsland.tistory.com/515아니면 새로 프로젝트를 만들지 않고 위 링크처럼 disPlayName이랑 strings.xml에 app_name만 바꿔도 될까요?
- 미해결배달앱 클론코딩 [with React Native]
typescript 에러
errorResponse 에서 타입 에러가 납니다.이것 저것 다 넣어봤는데 타입스크립트는 처음이라 뭘 고쳐야할 지 잘 모르겠어요ㅜㅜ SignIn.tsximport React, {useCallback, useRef, useState} from 'react'; import { ActivityIndicator, Alert, Pressable, StyleSheet, Text, TextInput, View, } from 'react-native'; import {NativeStackScreenProps} from '@react-navigation/native-stack'; import {RootStackParamList} from '../../AppInner'; import DismissKeyboardView from '../components/DismissKeyboardView'; import { useAppDispatch } from '../store'; import axios, { AxiosError } from 'axios'; import Config from 'react-native-config'; import userSlice from '../slices/user'; import EncryptedStorage from 'react-native-encrypted-storage'; type SignInScreenProps = NativeStackScreenProps<RootStackParamList, 'SignIn'>; function SignIn({navigation}: SignInScreenProps) { const dispatch = useAppDispatch(); const [loading, setLoading] = useState(false); const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const emailRef = useRef<TextInput | null>(null); const passwordRef = useRef<TextInput | null>(null); const onChangeEmail = useCallback((text: string) => { setEmail(text.trim()); }, []); const onChangePassword = useCallback((text: string) => { setPassword(text.trim()); }, []); const onSubmit = useCallback(async() => { if (!email || !email.trim()) { return Alert.alert('알림', '이메일을 입력해주세요.'); } if (!password || !password.trim()) { return Alert.alert('알림', '비밀번호를 입력해주세요.'); } try { setLoading(true); const response = await axios.post(`${Config.API_URL}/login`, { email, password, }); console.log(response.data); Alert.alert('알림', '로그인 되었습니다.'); dispatch( userSlice.actions.setUser({ name: response.data.data.name, email: response.data.data.email, accessToken: response.data.data.accessToken, refreshToken: response.data.data.refreshToken, }), ); await EncryptedStorage.setItem( 'refreshToken', response.data.data.refreshToken, ); } catch (error) { const errorResponse = (error as AxiosError).response; if (errorResponse) { Alert.alert('알림', errorResponse.data.message); } } finally { setLoading(false); } }, [loading, dispatch, email, password]); const toSignUp = useCallback(() => { navigation.navigate('SignUp'); }, [navigation]); const canGoNext = email && password; return ( <DismissKeyboardView> <View style={styles.inputWrapper}> <Text style={styles.label}>이메일</Text> <TextInput style={styles.textInput} placeholder="이메일을 입력해주세요." placeholderTextColor="#666" value={email} onChangeText={onChangeEmail} importantForAccessibility="yes" autoComplete="email" textContentType="emailAddress" // IOS keyboardType="email-address" returnKeyType="next" clearButtonMode="while-editing" onSubmitEditing={() => { passwordRef.current?.focus(); }} blurOnSubmit={false} ref={emailRef} /> </View> <View style={styles.inputWrapper}> <Text style={styles.label}>비밀번호</Text> <TextInput style={styles.textInput} placeholder="비밀번호를 입력해주세요(영문,숫자,특수문자)" placeholderTextColor="#666" importantForAutofill="yes" value={password} onChangeText={onChangePassword} importantForAccessibility="yes" autoComplete="password" textContentType="password" // IOS // keyboardType="decimal-pad" secureTextEntry returnKeyType="send" clearButtonMode="while-editing" // IOS onSubmitEditing={onSubmit} ref={passwordRef} /> </View> <View style={styles.buttonZone}> <Pressable onPress={onSubmit} style={ !canGoNext ? styles.loginButton : StyleSheet.compose(styles.loginButton, styles.loginButtonActive) } disabled={!canGoNext || loading}> {loading ? ( <ActivityIndicator color="white" /> ) : ( <Text style={styles.loginButtonText}>로그인</Text> )} </Pressable> <Pressable onPress={toSignUp}> <Text>회원가입하기</Text> </Pressable> </View> </DismissKeyboardView> ); } const styles = StyleSheet.create({ textInput: { padding: 5, borderBottomWidth: StyleSheet.hairlineWidth, }, inputWrapper: { padding: 20, }, label: { fontWeight: 'bold', fontSize: 16, marginBottom: 20, }, buttonZone: { alignItems: 'center', }, loginButton: { backgroundColor: 'gray', paddingHorizontal: 20, paddingVertical: 10, borderRadius: 5, marginBottom: 10, }, loginButtonActive: { backgroundColor: 'blue', }, loginButtonText: { color: 'white', fontSize: 16, }, }); export default SignIn;
- 미해결배달앱 클론코딩 [with React Native]
앱을 실행하면 즉시 꺼집니다.
우와요기이츠 배달앱을 누르자마자그 즉시 꺼집니다.이유를 알고 싶습니다.
- 미해결배달앱 클론코딩 [with React Native]
javac의 위치가 잘못된 건가요??
javac의 위치가 잘못된건가요??
- 미해결배달앱 클론코딩 [with React Native]
Device Manager를 통해 생성한 android에 FoodDeliveryApp이 존재하질 않습니다.
FoodDeliveryApp에 들어간 후 npm run android를 통해 실행했지만 FoodDeliveryApp이 없습니다.
- 미해결배달앱 클론코딩 [with React Native]
파일 생성이 되지 않습니다.
npx react-native init FoodDeliveryApp --template react-native-template-typescript를 치면 계속 이러한 에러메세지가 뜨면서 생성이 되지 않습니다. Command failed: yarn add react-nativeUsage Error: The nearest package directory (C:\Users\USER\AppData\Local\Temp\rncli-init-template-IJ9QGa) doesn't seem to be part of the project declared in C:\Users\USER.- If C:\Users\USER isn't intended to be a project, remove any yarn.lock and/or package.json file there.- If C:\Users\USER is intended to be a project, it might be that you forgot to list AppData/Local/Temp/rncli-init-template-IJ9QGa in its workspace configuration.- Finally, if C:\Users\USER is fine and you intend AppData/Local/Temp/rncli-init-template-IJ9QGa to be treated as a completely separate project (not even a workspace), create an empty yarn.lock file in it.$ yarn add [--json] [-E,--exact] [-T,--tilde] [-C,--caret] [-D,--dev] [-P,--peer] [-O,--optional] [--prefer-dev] [-i,--interactive] [--cached] [--mode #0] ... 않습니다.
- 미해결배달앱 클론코딩 [with React Native]
서버에서 data 배열 안에 넣는 이유 (response.data.data)
안녕하세요~ RN과 별도로 코드를 살펴보다 궁금증이 생겨서요. 현재 로그인 유지를 위해 axios.get 요청을 보내고 아래와 같은 식으로 로그인 정보를 받는 부분을 수강하고 있습니다. dispatch( userSlice.actions.setUser({ name: response.data.data.name, email: response.data.data.email, accessToken: response.data.data.accessToken, }), ); 서버쪽 코드를 보니 아래와 같은 식으로 데이터들을 전송하고 있는데 궁금증이 생겨서요.계정정보 등의 데이터를 그냥 중괄호{}에 넣지 않고 data 객체 안에 넣는 이유는 무엇인가요? 두 번째 사진과 같이 바꾸면 .data를 또 써야하는 중복을 없앨 수 있는 것이 아닌가 싶어서요. 제가 모르는 다른 이유가 있을 것 같은데 data 객체 안에 넣는 이유가 무엇인가요?response.data.data.name => response.data.name// 원래 코드 res.json({ data: { accessToken, email: res.locals.email, name: users[res.locals.email].name, }, });// 변경 res.json({ accessToken, email: res.locals.email, name: users[res.locals.email].name, }); 감사합니다!
- 미해결배달앱 클론코딩 [with React Native]
위치 정보 권한 에러
안녕하세요. usePermissions.ts 만들고 app.tsx 에서 불러오게 했는데요 import {useEffect} from 'react'; import {Alert, Linking, Platform} from 'react-native'; import {check, PERMISSIONS, request, RESULTS} from 'react-native-permissions'; function usePermissions() { // 권한 관련 useEffect(() => { if (Platform.OS === 'android') { check(PERMISSIONS.ANDROID.ACCESS_FINE_LOCATION) .then(result => { console.log('check location :', result); if (result === RESULTS.BLOCKED || result === RESULTS.DENIED) { Alert.alert( '이 앱은 위치 권한 허용이 필요합니다.', '앱 설정 화면을 열어서 항상 허용으로 바꿔주세요.', [ { text: '네', onPress: () => Linking.openSettings(), style: 'default', }, { text: '아니오', onPress: () => console.log('No Pressed'), style: 'cancel', }, ], ); } }) .catch(console.error); } else if (Platform.OS === 'ios') { check(PERMISSIONS.IOS.LOCATION_ALWAYS) .then(result => { if (result === RESULTS.BLOCKED || result === RESULTS.DENIED) { Alert.alert( '이 앱은 백그라운드 위치 권한 허용이 필요합니다.', '앱 설정 화면을 열어서 항상 허용으로 바꿔주세요.', [ { text: '네', onPress: () => Linking.openSettings(), }, { text: '아니오', onPress: () => console.log('No Pressed'), style: 'cancel', }, ], ); } }) .catch(console.error); } if (Platform.OS === 'android') { check(PERMISSIONS.ANDROID.CAMERA) .then(result => { if (result === RESULTS.DENIED || result === RESULTS.GRANTED) { return request(PERMISSIONS.ANDROID.CAMERA); } else { console.log(result); throw new Error('카메라 지원 안 함'); } }) .catch(console.error); } else { check(PERMISSIONS.IOS.CAMERA) .then(result => { if ( result === RESULTS.DENIED || result === RESULTS.LIMITED || result === RESULTS.GRANTED ) { return request(PERMISSIONS.IOS.CAMERA); } else { console.log(result); throw new Error('카메라 지원 안 함'); } }) .catch(console.error); } }, []); } export default usePermissions; 요런 에러가 발생해서요. 제가 또 뭘 잘못했을까요..
- 미해결배달앱 클론코딩 [with React Native]
npm run android 했을때 빌드 에러
C:\Users\user\Food-Delivery-App>npm run android > FoodDeliveryApp@0.0.1 android > react-native run-android info Starting JS server... info Installing the app... Starting a Gradle Daemon, 1 incompatible and 1 stopped Daemons could not be reused, use --status for details > Configure project :app Reading env from: .env 5 actionable tasks: 2 executed, 3 up-to-date FAILURE: Build completed with 2 failures. 1: Task failed with an exception. ----------- * Where: Build file 'C:\Users\user\Food-Delivery-App\android\app\build.gradle' line: 10 * What went wrong: A problem occurred evaluating project ':app'. > Could not find method react() for arguments [build_5l1ot47ojj8km5ma6mc1eopey$_run_closure1@4d477756] on project ':app' of type org.gradle.api.Project. * 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. ============================================================================== 2: Task failed with an exception. ----------- * What went wrong: A problem occurred configuring project ':app'. > compileSdkVersion is not specified. Please add it to build.gradle * 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 1m 15s error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081 FAILURE: Build completed with 2 failures. 1: Task failed with an exception. ----------- * Where: Build file 'C:\Users\user\Food-Delivery-App\android\app\build.gradle' line: 10 * What went wrong: A problem occurred evaluating project ':app'. > Could not find method react() for arguments [build_5l1ot47ojj8km5ma6mc1eopey$_run_closure1@4d477756] on project ':app' of type org.gradle.api.Project. * 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. ============================================================================== 2: Task failed with an exception. ----------- * What went wrong: A problem occurred configuring project ':app'. > compileSdkVersion is not specified. Please add it to build.gradle * 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 1m 15s at makeError (C:\Users\user\Food-Delivery-App\node_modules\execa\index.js:174:9) at C:\Users\user\Food-Delivery-App\node_modules\execa\index.js:278:16 at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async runOnAllDevices (C:\Users\user\Food-Delivery-App\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\runOnAllDevices.js:85:5) at async Command.handleAction (C:\Users\user\Food-Delivery-App\node_modules\@react-native-community\cli\build\index.js:108:9) info Run CLI with --verbose flag for more details.에러코드입니다 android/app/build.gradleapply plugin: "com.android.application" apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle" import com.android.build.OutputFile /** * This is the configuration block to customize your React Native Android app. * By default you don't need to apply any configuration, just uncomment the lines you need. */ react { /* Folders */ // The root of your project, i.e. where "package.json" lives. Default is '..' // root = file("../") // The folder where the react-native NPM package is. Default is ../node_modules/react-native // reactNativeDir = file("../node-modules/react-native") // The folder where the react-native Codegen package is. Default is ../node_modules/react-native-codegen // codegenDir = file("../node-modules/react-native-codegen") // The cli.js file which is the React Native CLI entrypoint. Default is ../node_modules/react-native/cli.js // cliFile = file("../node_modules/react-native/cli.js") /* Variants */ // The list of variants to that are debuggable. For those we're going to // skip the bundling of the JS bundle and the assets. By default is just 'debug'. // If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants. // debuggableVariants = ["liteDebug", "prodDebug"] /* Bundling */ // A list containing the node command and its flags. Default is just 'node'. // nodeExecutableAndArgs = ["node"] // // The command to run when bundling. By default is 'bundle' // bundleCommand = "ram-bundle" // // The path to the CLI configuration file. Default is empty. // bundleConfig = file(../rn-cli.config.js) // // The name of the generated asset file containing your JS bundle // bundleAssetName = "MyApplication.android.bundle" // // The entry file for bundle generation. Default is 'index.android.js' or 'index.js' // entryFile = file("../js/MyApplication.android.js") // // A list of extra flags to pass to the 'bundle' commands. // See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle // extraPackagerArgs = [] /* Hermes Commands */ // The hermes compiler command to run. By default it is 'hermesc' // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc" // // The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map" // hermesFlags = ["-O", "-output-source-map"] } /** * Set this to true to create four separate APKs instead of one, * one for each native architecture. This is useful if you don't * use App Bundles (https://developer.android.com/guide/app-bundle/) * and want to have separate APKs to upload to the Play Store. */ def enableSeparateBuildPerCPUArchitecture = false /** * Set this to true to Run Proguard on Release builds to minify the Java bytecode. */ def enableProguardInReleaseBuilds = false /** * The preferred build flavor of JavaScriptCore (JSC) * * For example, to use the international variant, you can use: * `def jscFlavor = 'org.webkit:android-jsc-intl:+'` * * The international variant includes ICU i18n library and necessary data * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that * give correct results when using with locales other than en-US. Note that * this variant is about 6MiB larger per architecture than default. */ def jscFlavor = 'org.webkit:android-jsc:+' /** * Private function to get the list of Native Architectures you want to build. * This reads the value from reactNativeArchitectures in your gradle.properties * file and works together with the --active-arch-only flag of react-native run-android. */ def reactNativeArchitectures() { def value = project.getProperties().get("reactNativeArchitectures") return value ? value.split(",") : ["armeabi-v7a", "x86", "x86_64", "arm64-v8a"] } android { ndkVersion rootProject.ext.ndkVersion compileSdkVersion rootProject.ext.compileSdkVersion namespace "com.fooddeliveryapp" defaultConfig { applicationId "com.fooddeliveryapp" minSdkVersion rootProject.ext.minSdkVersion targetSdkVersion rootProject.ext.targetSdkVersion versionCode 1 versionName "1.0" resValue "string", "build_config_package", "com.fooddeliveryapp" } splits { abi { reset() enable enableSeparateBuildPerCPUArchitecture universalApk false // If true, also generate a universal APK include (*reactNativeArchitectures()) } } signingConfigs { debug { storeFile file('debug.keystore') storePassword 'android' keyAlias 'androiddebugkey' keyPassword 'android' } } buildTypes { debug { signingConfig signingConfigs.debug } release { // Caution! In production, you need to generate your own keystore file. // see https://reactnative.dev/docs/signed-apk-android. signingConfig signingConfigs.debug minifyEnabled enableProguardInReleaseBuilds proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" } } // applicationVariants are e.g. debug, release applicationVariants.all { variant -> variant.outputs.each { output -> // For each separate APK per architecture, set a unique version code as described here: // https://developer.android.com/studio/build/configure-apk-splits.html // Example: versionCode 1 will generate 1001 for armeabi-v7a, 1002 for x86, etc. def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4] def abi = output.getFilter(OutputFile.ABI) if (abi != null) { // null for the universal-debug, universal-release variants output.versionCodeOverride = defaultConfig.versionCode * 1000 + versionCodes.get(abi) } } } } dependencies { // The version of react-native is set by the React Native Gradle Plugin implementation("com.facebook.react:react-android") implementation("androidx.swiperefreshlayout:swiperefreshlayout:1.0.0") debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") { exclude group:'com.squareup.okhttp3', module:'okhttp' } debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") if (hermesEnabled.toBoolean()) { implementation("com.facebook.react:hermes-android") } else { implementation jscFlavor } } apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project) 여기서 에러가 났다고 적혀져 있는거 같은데apply plugin: "com.android.application" apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"저는 제일 앞에 이 두 줄만 추가해줬습니다.근데 계속 빌드하는 데 에러가 납니다.두 부분이 실패했다고 하는데 어딘지 잘 모르겠어요.... android/app/src/main/AndroidManifest.xml<manifest xmlns:android="http://schemas.android.com/apk/res/android"> <uses-permission android:name="android.permission.INTERNET" /> <application android:userCLeartextTraffic="true" android:name=".MainApplication" android:label="@string/app_name" android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round" android:allowBackup="false" android:theme="@style/AppTheme"> <activity android:name=".MainActivity" android:label="@string/app_name" android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode" android:launchMode="singleTask" android:windowSoftInputMode="adjustResize" android:exported="true"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest> android/app/proguard-rules.propecific ProGuard rules here. # By default, the flags in this file are appended to flags specified # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt # You can edit the include path and order by changing the proguardFiles # directive in build.gradle. # # For more details, see # http://developer.android.com/guide/developing/tools/proguard.html # Add any project specific keep options here: -keep class com.fooddeliveryapp.BuildConfig { *; }
- 미해결배달앱 클론코딩 [with React Native]
Task :react-native-screens:generateDebugRFile FAILED
안녕하세요 제로초님 !npx react-native run-android info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag. Jetifier found 948 file(s) to forward-jetify. Using 8 workers... info JS server already running. info Installing the app... > Task :react-native-screens:generateDebugRFile FAILED Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0. Use '--warning-mode all' to show the individual deprecation warnings. See https://docs.gradle.org/6.9/userguide/command_line_interface.html#sec:command_line_warnings 33 actionable tasks: 3 executed, 30 up-to-date Warning: Mapping new ns http://schemas.android.com/repository/android/common/02 to old ns http://schemas.android.com/repository/android/common/01 Warning: Mapping new ns http://schemas.android.com/repository/android/generic/02 to old ns http://schemas.android.com/repository/android/generic/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/02 to old ns http://schemas.android.com/sdk/android/repo/addon2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/03 to old ns http://schemas.android.com/sdk/android/repo/addon2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/02 to old ns http://schemas.android.com/sdk/android/repo/repository2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/03 to old ns http://schemas.android.com/sdk/android/repo/repository2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/03 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/02 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01 Warning: ����ġ ���� ���(URI: "", ����: "base-extension")�Դϴ�. �ʿ��� ��Ҵ� <{}codename>,<{}layoutlib>,<{}api-level>�Դϴ�. FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':react-native-screens:generateDebugRFile'. > Could not resolve all files for configuration ':react-native-screens:debugCompileClasspath'. > Failed to transform react-native-0.71.0-rc.0-debug.aar (com.facebook.react:react-native:0.71.0-rc.0) to match attributes {artifactType=android-symbol-with-package-name, com.android.build.api.attributes.BuildTypeAttr=debug, org.gradle.category=library, org.gradle.dependency.bundling=external, org.gradle.libraryelements=aar, org.gradle.status=release, org.gradle.usage=java-api}. > Execution failed for JetifyTransform: C:\Users\dabee\.gradle\caches\modules-2\files-2.1\com.facebook.react\react-native\0.71.0-rc.0\7a7f5a0af6ebd8eb94f7e5f7495e9d9684b4f543\react-native-0.71.0-rc.0-debug.aar. > Java heap space * 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 48s error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081 Warning: Mapping new ns http://schemas.android.com/repository/android/common/02 to old ns http://schemas.android.com/repository/android/common/01 Warning: Mapping new ns http://schemas.android.com/repository/android/generic/02 to old ns http://schemas.android.com/repository/android/generic/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/02 to old ns http://schemas.android.com/sdk/android/repo/addon2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/03 to old ns http://schemas.android.com/sdk/android/repo/addon2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/02 to old ns http://schemas.android.com/sdk/android/repo/repository2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/03 to old ns http://schemas.android.com/sdk/android/repo/repository2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/03 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/02 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01 Warning: ����ġ ���� ���(URI: "", ����: "base-extension")�Դϴ�. �ʿ��� ��Ҵ� <{}codename>,<{}layoutlib>,<{}api-level>�Դϴ�. FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':react-native-screens:generateDebugRFile'. > Could not resolve all files for configuration ':react-native-screens:debugCompileClasspath'. > Failed to transform react-native-0.71.0-rc.0-debug.aar (com.facebook.react:react-native:0.71.0-rc.0) to match attributes {artifactType=android-symbol-with-package-name, com.android.build.api.attributes.BuildTypeAttr=debug, org.gradle.category=library, org.gradle.dependency.bundling=external, org.gradle.libraryelements=aar, org.gradle.status=release, org.gradle.usage=java-api}. > Execution failed for JetifyTransform: C:\Users\dabee\.gradle\caches\modules-2\files-2.1\com.facebook.react\react-native\0.71.0-rc.0\7a7f5a0af6ebd8eb94f7e5f7495e9d9684b4f543\react-native-0.71.0-rc.0-debug.aar. > Java heap space * 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 48s at makeError (C:\Users\dabee\food-delivery-app\setting\node_modules\@react-native-community\cli-platform-android\node_modules\execa\index.js:174:9) at C:\Users\dabee\food-delivery-app\setting\node_modules\@react-native-community\cli-platform-android\node_modules\execa\index.js:278:16 at processTicksAndRejections (node:internal/process/task_queues:96:5) at async runOnAllDevices (C:\Users\dabee\food-delivery-app\setting\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\runOnAllDevices.js:109:5) at async Command.handleAction (C:\Users\dabee\food-delivery-app\setting\node_modules\@react-native-community\cli\build\index.js:192:9) ######### ######### ######### ######### ######### Welcome to Metro! Fast - Scalable - Integrated To reload the app press "r" To open developer menu press "d" C:\Users\dabee\food-delivery-app\setting> C:\Users\dabee\food-delivery-app\setting>npm run android > fooddeliveryapp@0.0.1 android > react-native run-android info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag. Jetifier found 981 file(s) to forward-jetify. Using 8 workers... info Starting JS server... info Launching emulator... error Failed to launch emulator. Reason: Could not start emulator within 30 seconds.. warn Please launch an emulator manually or connect a device. Otherwise app may fail to launch. info Installing the app... > Configure project :react-native-flipper > Task :react-native-screens:generateDebugRFile FAILED Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0. Use '--warning-mode all' to show the individual deprecation warnings. See https://docs.gradle.org/6.9/userguide/command_line_interface.html#sec:command_line_warnings 53 actionable tasks: 2 executed, 51 up-to-date Warning: Mapping new ns http://schemas.android.com/repository/android/common/02 to old ns http://schemas.android.com/repository/android/common/01 Warning: Mapping new ns http://schemas.android.com/repository/android/generic/02 to old ns http://schemas.android.com/repository/android/generic/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/02 to old ns http://schemas.android.com/sdk/android/repo/addon2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/03 to old ns http://schemas.android.com/sdk/android/repo/addon2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/02 to old ns http://schemas.android.com/sdk/android/repo/repository2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/03 to old ns http://schemas.android.com/sdk/android/repo/repository2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/03 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/02 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01 Warning: ����ġ ���� ���(URI: "", ����: "base-extension")�Դϴ�. �ʿ��� ��Ҵ� <{}codename>,<{}layoutlib>,<{}api-level>�Դϴ�. FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':react-native-screens:generateDebugRFile'. > Could not resolve all files for configuration ':react-native-screens:debugCompileClasspath'. > Failed to transform react-native-0.71.0-rc.0-debug.aar (com.facebook.react:react-native:0.71.0-rc.0) to match attributes {artifactType=android-symbol-with-package-name, com.android.build.api.attributes.BuildTypeAttr=debug, org.gradle.category=library, org.gradle.dependency.bundling=external, org.gradle.libraryelements=aar, org.gradle.status=release, org.gradle.usage=java-api}. > Execution failed for JetifyTransform: C:\Users\dabee\.gradle\caches\modules-2\files-2.1\com.facebook.react\react-native\0.71.0-rc.0\7a7f5a0af6ebd8eb94f7e5f7495e9d9684b4f543\react-native-0.71.0-rc.0-debug.aar. > Java heap space * 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 25s error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081 Warning: Mapping new ns http://schemas.android.com/repository/android/common/02 to old ns http://schemas.android.com/repository/android/common/01 Warning: Mapping new ns http://schemas.android.com/repository/android/generic/02 to old ns http://schemas.android.com/repository/android/generic/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/02 to old ns http://schemas.android.com/sdk/android/repo/addon2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/03 to old ns http://schemas.android.com/sdk/android/repo/addon2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/02 to old ns http://schemas.android.com/sdk/android/repo/repository2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/03 to old ns http://schemas.android.com/sdk/android/repo/repository2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/03 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01 Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/02 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01 Warning: ����ġ ���� ���(URI: "", ����: "base-extension")�Դϴ�. �ʿ��� ��Ҵ� <{}codename>,<{}layoutlib>,<{}api-level>�Դϴ�. FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':react-native-screens:generateDebugRFile'. > Could not resolve all files for configuration ':react-native-screens:debugCompileClasspath'. > Failed to transform react-native-0.71.0-rc.0-debug.aar (com.facebook.react:react-native:0.71.0-rc.0) to match attributes {artifactType=android-symbol-with-package-name, com.android.build.api.attributes.BuildTypeAttr=debug, org.gradle.category=library, org.gradle.dependency.bundling=external, org.gradle.libraryelements=aar, org.gradle.status=release, org.gradle.usage=java-api}. > Execution failed for JetifyTransform: C:\Users\dabee\.gradle\caches\modules-2\files-2.1\com.facebook.react\react-native\0.71.0-rc.0\7a7f5a0af6ebd8eb94f7e5f7495e9d9684b4f543\react-native-0.71.0-rc.0-debug.aar. > Java heap space * 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 25s at makeError (C:\Users\dabee\food-delivery-app\setting\node_modules\@react-native-community\cli-platform-android\node_modules\execa\index.js:174:9) at C:\Users\dabee\food-delivery-app\setting\node_modules\@react-native-community\cli-platform-android\node_modules\execa\index.js:278:16 at processTicksAndRejections (node:internal/process/task_queues:96:5) at async runOnAllDevices (C:\Users\dabee\food-delivery-app\setting\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\runOnAllDevices.js:109:5) at async Command.handleAction (C:\Users\dabee\food-delivery-app\setting\node_modules\@react-native-community\cli\build\index.js:192:9) info Run CLI with --verbose flag for more details.이런 오류가 발생하고, 플리퍼엔 앱 실행이 표시되지않습니다... 여러번 시도해봤으나 해결되지 않아 올립니다ㅠ
- 미해결배달앱 클론코딩 [with React Native]
옵션들 추가할 때 코드에 바로 적용
강의에서 보면 코드 작성하면서 옵션들 추가할 때마다 어떤 옵션이 있는지 미리보기처럼 적혀져있는데,제가 vscode를 사용해서 그런건지 저는 따로 옵션들의 이름이 미리보기형식처럼 나오지 않아요ㅠㅠ혹시 적용할 때 타입 정의로 찾아보는 방법 말곤 강의처럼 나올 수 있게 하는 방법이 있을까요??
- 미해결배달앱 클론코딩 [with React Native]
macOS - Ventura 13.2 에서 RN 0.71 생성 시 ruby 2.7.6 설치
안녕하세요macOS Ventura 13.2 PC에 react-native init TestApp 실행 시 ruby 2.7.6 버전이 설치되어 있어야 한다고 확인했습니다.현재 제 PC 기준 설치할 수 있는 ruby 버전은 위와 같습니다.방법이 있는지 문의드립니다.고맙습니다
- 미해결배달앱 클론코딩 [with React Native]
build.gradle 에 react.gradle 없는 문제
안녕하세요~최초 npx react-native init 프로젝트명 커맨드로 프로젝트를 만들면 build.gradle 파일에는 아래의 react.gradle 이 존재하지 않습니다.apply from: "../../node_modules/react-native/react.gradle"이부분은 향후에도 지원하지 않고 deprecated 된다고 하네요.그래서 https://github.com/facebook/react-native/blob/main/template/android/app/build.gradle 여기 공식 github 에도 나와있지만 이제부턴 apply plugin: "com.facebook.react" 를 쓴다고 하고 프로젝트 init하면 default도 그렇게 되어 있습니다. 그런데 문제는!이러한 build.gradle 환경에서 android 빌드해보면 아래와 같은 에러가 발생합니다.bundleDebugJsAndAssets 를 :app 에서 찾을 수 없다고 나오는데 어떻게 해결하면 될까요? info Starting JS server...info Installing the app...5 actionable tasks: 5 up-to-dateFAILURE: Build failed with an exception.* What went wrong:Could not determine the dependencies of task ':app:generateBundledResourcesHashDebug'.> Task with path 'bundleDebugJsAndAssets' not found in project ':app'.* 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.orgBUILD FAILED in 4serror Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup.Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081FAILURE: Build failed with an exception.* What went wrong:Could not determine the dependencies of task ':app:generateBundledResourcesHashDebug'.> Task with path 'bundleDebugJsAndAssets' not found in project ':app'. 아래와 같은 이슈인거 같은데 known 이슈로 지금 디버깅 중인걸까요?https://github.com/microsoft/react-native-code-push/issues/2418
- 미해결배달앱 클론코딩 [with React Native]
빌드는 되었는데 디바이스 실행 안됨
컴퓨터를 껐다가 다시 켜서, npm run android를 쳤더니C:\Users\user\FoodDeliveryApp>npm run android > FoodDeliveryApp@0.0.1 android > react-native run-android info Starting JS server... info Launching emulator... info Successfully launched emulator. info Installing the app... > Task :app:installDebug Installing APK 'app-debug.apk' on 'Nexus_5_API_30(AVD) - 11' for :app:debug Installed on 1 device. BUILD SUCCESSFUL in 38s 38 actionable tasks: 2 executed, 36 up-to-date info Connecting to the development server... 8081 info Starting the app on "emulator-5554"... Starting: Intent { cmp=com.fooddeliveryapp/.MainActivity }이렇게 빌드는 성공했는데, 디바이스에는 아무것도 나오지 않아요...계속해서 이런 상황이 발생하는 것 같은데 이유를 잘 모르겠네요ㅠㅠ
- 미해결배달앱 클론코딩 [with React Native]
git bash에 adb를 쳤떠니 없다고 합니다
저는 안드로이드 스튜디오에서 platform Tools외에 말씀 해주신 3개?를 모두 설치를 했고,설치한 파일에도 platform 파일이 있습니다.환경 변수에는 강의 해주신 것처럼은 원래 변수에 안나와있었고,제가 새로 만들기를 클릭해서 ANDROID_HOME과 JAVA_HOME을 모두 추가해 주었습니다.위치는 맞는 것 같은데... Path 변수를 확인해보았을 때, 새로 추가한 두변수는 없었으며,git bash를 통해 $ adb 를 쳤으나,bash: adb: command not found 라는 메시지가 떴습니다. 그래서 $ which adb 를 쳤는데,which: no adb in (~~~~~~~~~~) 라며 없다고 합니다. sdk 파일이 있는데 없다고 뜨는데 어떻게 해결해야 하나요??
- 미해결배달앱 클론코딩 [with React Native]
Execution failed for task ':app:compileDebugJavaWithJavac'.에러
안녕하세요 제로초님react natve image crop picker 패키지 설치 후 npm run android로 빌드 과정에서Execution failed for task ':react-native-image-crop-picker:compileDebugJavaWithJavac'. > Compilation failed; see the compiler error output for details. 이런 에러가 떴습니다.그래서 react natve image crop picker 깃헙(https://github.com/ivpusic/react-native-image-crop-picker#android-1)의 READ.md에 써있는 step3을 따라해봤습니다.build.gradle과 android/app/build.gradle에 코드를 추가했지만java.lang.stackoverflowerror (no error message)에러가 뜨며 고쳐지지 않았습니다.그래서 제로초님과 버젼을 맞추기 위해ch4의 package.json, android/build.gradle, android/app/build.gradle이 3가지 파일의 코드를 복사해 제 프로젝트에 붙여넣은 후 npm install --force하였습니다.하지만 빌드 과정 중 아래 에러가 떴습니다.Execution failed for task ':app:compileDebugJavaWithJavac'.> Compilation failed; see the compiler error output for details.해본시도cd android 후 ./graldew clean안드로이드 스튜디오에서 Invalidate Caches 후Restart모두 해결되지 않고 똑같은 에러(바로 위의 에러)가 떴습니다.버젼을 맞추는 과정에서 package.json만 가져온후 npm install한게 문제인지 잘 모르겠습니다.이 방식이 잘못된건가요? 아니면 에러를 해결하는 다른 방법이 있는건가요?아래 자세한 에러 코드 넣었습니다.감사합니다. Note: Recompile with -Xlint:unchecked for details.Note: Some input files use or override a deprecated API. Note: Recompile with -Xlint:deprecation for details. C:\Users\user\FoodDeliveryApp\android\app\src\debug\java\com\km\fooddeliveryapp\ReactNativeFlipper.java:22: error: cannot find symbolimport com.facebook.react.ReactInstanceEventListener; ^ symbol: class ReactInstanceEventListener location: package com.facebook.reactC:\Users\user\FoodDeliveryApp\android\app\src\main\java\com\km\fooddeliveryapp\MainActivity.java:39: error: cannot find symbol reactRootView.setIsFabric(BuildConfig.IS_NEW_ARCHITECTURE_ENABLED); ^ symbol: variable IS_NEW_ARCHITECTURE_ENABLED location: class BuildConfigC:\Users\user\FoodDeliveryApp\android\app\src\main\java\com\km\fooddeliveryapp\MainActivity.java:43: error: method does not override or implement a method from a supertype @Override ^C:\Users\user\FoodDeliveryApp\android\app\src\main\java\com\km\fooddeliveryapp\MainActivity.java:47: error: cannot find symbol return BuildConfig.IS_NEW_ARCHITECTURE_ENABLED; ^ symbol: variable IS_NEW_ARCHITECTURE_ENABLED location: class BuildConfigC:\Users\user\FoodDeliveryApp\android\app\src\main\java\com\km\fooddeliveryapp\MainApplication.java:45: error: cannot find symbol if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) { ^ symbol: variable IS_NEW_ARCHITECTURE_ENABLED location: class BuildConfigC:\Users\user\FoodDeliveryApp\android\app\src\main\java\com\km\fooddeliveryapp\MainApplication.java:45: error: illegal parenthesized expression if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) { ^C:\Users\user\FoodDeliveryApp\android\app\src\main\java\com\km\fooddeliveryapp\MainApplication.java:56: error: cannot find symbol ReactFeatureFlags.useTurboModules = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED; ^ symbol: variable IS_NEW_ARCHITECTURE_ENABLED location: class BuildConfigC:\Users\user\FoodDeliveryApp\android\app\src\main\java\com\km\fooddeliveryapp\newarchitecture\MainApplicationReactNativeHost.java:108: error: cannot find symbol ReactNativeConfig.DEFAULT_CONFIG, ^ symbol: variable DEFAULT_CONFIG location: interface ReactNativeConfigC:\Users\user\FoodDeliveryApp\android\app\src\debug\java\com\km\fooddeliveryapp\ReactNativeFlipper.java:55: error: cannot find symbol new ReactInstanceEventListener() { ^ symbol: class ReactInstanceEventListener location: class ReactNativeFlipperC:\Users\user\FoodDeliveryApp\android\app\src\debug\java\com\km\fooddeliveryapp\ReactNativeFlipper.java:56: error: method does not override or implement a method from a supertype @Override ^C:\Users\user\FoodDeliveryApp\android\app\src\debug\java\com\km\fooddeliveryapp\ReactNativeFlipper.java:58: error: incompatible types: <anonymous ReactInstanceEventListener> cannot be converted to ReactInstanceEventListener reactInstanceManager.removeReactInstanceEventListener(this); ^Note: C:\Users\user\FoodDeliveryApp\android\app\src\debug\java\com\km\fooddeliveryapp\ReactNativeFlipper.java uses or overrides a deprecated API.Note: Recompile with -Xlint:deprecation for details. Note: Some messages have been simplified; recompile with -Xdiags:verbose to get full output11 errorsFAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':app:compileDebugJavaWithJavac'.> Compilation failed; see the compiler error output for details.* 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.orgBUILD FAILED in 4m 36serror Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup.Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081Warning: Mapping new ns http://schemas.android.com/repository/android/common/02 to old ns http://schemas.android.com/repository/android/common/01Warning: Mapping new ns http://schemas.android.com/repository/android/generic/02 to old ns http://schemas.android.com/repository/android/generic/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/02 to old ns http://schemas.android.com/sdk/android/repo/addon2/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/03 to old ns http://schemas.android.com/sdk/android/repo/addon2/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/02 to old ns http://schemas.android.com/sdk/android/repo/repository2/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/03 to old ns http://schemas.android.com/sdk/android/repo/repository2/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/03 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/02 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01Warning: ����ġ ���� ���(URI: "", ����: "base-extension")�Դϴ�. �ʿ��� ��Ҵ� <{}codename>,<{}layoutlib>,<{}api-level>�Դϴ�.Warning: Mapping new ns http://schemas.android.com/repository/android/common/02 to old ns http://schemas.android.com/repository/android/common/01Warning: Mapping new ns http://schemas.android.com/repository/android/generic/02 to old ns http://schemas.android.com/repository/android/generic/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/02 to old ns http://schemas.android.com/sdk/android/repo/addon2/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/03 to old ns http://schemas.android.com/sdk/android/repo/addon2/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/02 to old ns http://schemas.android.com/sdk/android/repo/repository2/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/03 to old ns http://schemas.android.com/sdk/android/repo/repository2/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/03 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/02 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01Warning: ����ġ ���� ���(URI: "", ����: "base-extension")�Դϴ�. �ʿ��� ��Ҵ� <{}codename>,<{}layoutlib>,<{}api-level>�Դϴ�.Note: C:\Users\user\FoodDeliveryApp\node_modules\@react-native-async-storage\async-storage\android\src\main\java\com\reactnativecommunity\asyncstorage\AsyncStorageModule.java uses or overrides a deprecated API.Note: Recompile with -Xlint:deprecation for details. Note: C:\Users\user\FoodDeliveryApp\node_modules\@react-native-async-storage\async-storage\android\src\main\java\com\reactnativecommunity\asyncstorage\AsyncStoragePackage.java uses unchecked or unsafe operations.Note: Recompile with -Xlint:unchecked for details.Note: C:\Users\user\FoodDeliveryApp\node_modules\@react-native-community\geolocation\android\src\main\java\com\reactnativecommunity\geolocation\GeolocationModule.java uses or overrides a deprecated API.Note: Recompile with -Xlint:deprecation for details. Note: Some input files use or override a deprecated API. Note: Recompile with -Xlint:deprecation for details. Note: C:\Users\user\FoodDeliveryApp\node_modules\@react-native-firebase\analytics\android\src\main\java\io\invertase\firebase\analytics\UniversalFirebaseAnalyticsModule.java uses or overrides a deprecated API.Note: Recompile with -Xlint:deprecation for details. Note: C:\Users\user\FoodDeliveryApp\node_modules\@react-native-firebase\messaging\android\src\main\java\io\invertase\firebase\messaging\ReactNativeFirebaseMessagingModule.java uses or overrides a deprecated API.Note: Recompile with -Xlint:deprecation for details. Note: Some input files use or override a deprecated API. Note: Recompile with -Xlint:deprecation for details. Note: Some input files use or override a deprecated API. Note: Recompile with -Xlint:deprecation for details. Note: Some input files use or override a deprecated API. Note: Recompile with -Xlint:deprecation for details. Note: Some input files use or override a deprecated API. Note: Recompile with -Xlint:deprecation for details. Note: C:\Users\user\FoodDeliveryApp\node_modules\react-native-push-notification\android\src\main\java\com\dieam\reactnativepushnotification\modules\RNPushNotification.java uses unchecked or unsafe operations.Note: Recompile with -Xlint:unchecked for details.Note: Some input files use or override a deprecated API. Note: Recompile with -Xlint:deprecation for details. C:\Users\user\FoodDeliveryApp\android\app\src\debug\java\com\km\fooddeliveryapp\ReactNativeFlipper.java:22: error: cannot find symbolimport com.facebook.react.ReactInstanceEventListener; ^ symbol: class ReactInstanceEventListener location: package com.facebook.reactC:\Users\user\FoodDeliveryApp\android\app\src\main\java\com\km\fooddeliveryapp\MainActivity.java:39: error: cannot find symbol reactRootView.setIsFabric(BuildConfig.IS_NEW_ARCHITECTURE_ENABLED); ^ symbol: variable IS_NEW_ARCHITECTURE_ENABLED location: class BuildConfigC:\Users\user\FoodDeliveryApp\android\app\src\main\java\com\km\fooddeliveryapp\MainActivity.java:43: error: method does not override or implement a method from a supertype @Override ^C:\Users\user\FoodDeliveryApp\android\app\src\main\java\com\km\fooddeliveryapp\MainActivity.java:47: error: cannot find symbol return BuildConfig.IS_NEW_ARCHITECTURE_ENABLED; ^ symbol: variable IS_NEW_ARCHITECTURE_ENABLED location: class BuildConfigC:\Users\user\FoodDeliveryApp\android\app\src\main\java\com\km\fooddeliveryapp\MainApplication.java:45: error: cannot find symbol if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) { ^ symbol: variable IS_NEW_ARCHITECTURE_ENABLED location: class BuildConfigC:\Users\user\FoodDeliveryApp\android\app\src\main\java\com\km\fooddeliveryapp\MainApplication.java:45: error: illegal parenthesized expression if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) { ^C:\Users\user\FoodDeliveryApp\android\app\src\main\java\com\km\fooddeliveryapp\MainApplication.java:56: error: cannot find symbol ReactFeatureFlags.useTurboModules = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED; ^ symbol: variable IS_NEW_ARCHITECTURE_ENABLED location: class BuildConfigC:\Users\user\FoodDeliveryApp\android\app\src\main\java\com\km\fooddeliveryapp\newarchitecture\MainApplicationReactNativeHost.java:108: error: cannot find symbol ReactNativeConfig.DEFAULT_CONFIG, ^ symbol: variable DEFAULT_CONFIG location: interface ReactNativeConfigC:\Users\user\FoodDeliveryApp\android\app\src\debug\java\com\km\fooddeliveryapp\ReactNativeFlipper.java:55: error: cannot find symbol new ReactInstanceEventListener() { ^ symbol: class ReactInstanceEventListener location: class ReactNativeFlipperC:\Users\user\FoodDeliveryApp\android\app\src\debug\java\com\km\fooddeliveryapp\ReactNativeFlipper.java:56: error: method does not override or implement a method from a supertype @Override ^C:\Users\user\FoodDeliveryApp\android\app\src\debug\java\com\km\fooddeliveryapp\ReactNativeFlipper.java:58: error: incompatible types: <anonymous ReactInstanceEventListener> cannot be converted to ReactInstanceEventListener reactInstanceManager.removeReactInstanceEventListener(this); ^Note: C:\Users\user\FoodDeliveryApp\android\app\src\debug\java\com\km\fooddeliveryapp\ReactNativeFlipper.java uses or overrides a deprecated API.Note: Recompile with -Xlint:deprecation for details. Note: Some messages have been simplified; recompile with -Xdiags:verbose to get full output11 errorsFAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':app:compileDebugJavaWithJavac'.> Compilation failed; see the compiler error output for details.* 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.orgBUILD FAILED in 4m 36s at makeError (C:\Users\user\FoodDeliveryApp\node_modules\execa\index.js:174:9) at C:\Users\user\FoodDeliveryApp\node_modules\execa\index.js:278:16 at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async runOnAllDevices (C:\Users\user\FoodDeliveryApp\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\runOnAllDevices.js:109:5) at async Command.handleAction (C:\Users\user\FoodDeliveryApp\node_modules\@react-native-community\cli\build\index.js:192:9)info Run CLI with --verbose flag for more details.
- 미해결배달앱 클론코딩 [with React Native]
react-native-push-notification channel 질문
안녕하세요!질문이 있습니다.강의 중에 react-native-push-notification 라이브러리에서 createChannel 을 통해 Channel 을 만들고 추후 이 Channel 들 각각 안받게 설정 할 수 있다고 하는 내용이 있어 구현을 하고 있었는데 뭔가 이상해서 질문을 드립니다.react-native-push-notification 문서에 비슷한 내용이 deleteChannel 뿐이라 deleteChannel 을 썼는데 해당 Channel 알림이 그대로 받아져서 이게 뭐지 하다가 아예 messaging 이나 PushNotification.configure 을 다 없애버리고 알림을 보내도 messaging().registerDeviceForRemoteMessages() 를 하면 무조건 알림이 받아지더라고요.react-native-push-notification공홈에 보니 더 이상 지원 안한다는 얘기도 있어서 현재 시점에서 제가 잘못 구현한건지 아님 라이브러리 자체의 문제인건지 궁금해서 질문 남깁니다!
- 미해결배달앱 클론코딩 [with React Native]
[Error: [messaging/unknown] no valid “aps-environment” entitlement string found for application]
안녕하세요.firebase notification 셋팅 다 하고 iphone 실기기로 연결 한 후에 xcode로 앱 빌드하고 나서 터미널 창에 토큰 받아오는 console.log 하는 부분에서 알 수 없는 에러가 발생합니다.[Error: [messaging/unknown] no valid “aps-environment” entitlement string found for application]검색은 많이 해봤는데 도저히 알 수 가 없네요 identifier랑 profile도 새로 만들어보고 했는데 무슨 문제인지 모르겠습니다 도움 부탁드립니다.
- 미해결배달앱 클론코딩 [with React Native]
웹뷰 사용시 react native에서만 이용 가능한 기능
안녕하세요 선생님 한가지 궁금한게 있는데, 웹뷰 사용시 웬만한 reactjs코드는 웹뷰에서 돌릴수 있는걸로 알고 있는데 이외의 기능 중 리액트네이티브만이 구현 가능한 기능 몇가지 말씀주실수 있을까요?예를 들면, 웹뷰내에 reactjs로만 구현시 ios가 호환이 잘 안되는 부분(scrollintoview..), safe-area처리 및 뒤로가기 막기 기능이 어려움(화면 내 버튼 말고 safe area의 뒤로 가기),앱 푸쉬기능 없음, encrypted storage기능(토큰암호화)없음정도로 유추되는데 혹시 더 있을까요?선임분께 여쭤보니 푸쉬 기능말고는 거의 다 구현 가능하다고 하시는데 궁금하여 여쭤봅니다.읽어주셔서 감사합니다!