expo client 화면 에러! | 스파르타 커뮤니티

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

expo client 화면 에러!

앱개발 종합반 - 리액트 네이티브

2주차

M****************N

・

추천

・

조회수

답변 완료

2주차6강의 내용을 따라 앱화면 만드는 중 expo client 앱 화면에 아래와 같이 에러가 나옵니다.

import { StatusBar } from 'expo-status-bar';

import React from 'react';

import { StyleSheet, Text, View } from 'react-native';

export default function App() {

return (

</View>

);

}

const styles = StyleSheet.create({

container: {

flex: 1,

backgroundColor: '#fff',

subContainerOne: {

flex:1,

backgroundColor:"yellow"

subContainerTwo: {

flex:1,

backgroundColor:"green"

}

});

Microsoft Windows [Version 6.3.9600]

C:\Users\user\Desktop\sparta_study> cd sparta-myhoneytip-munkh

C:\Users\user\Desktop\sparta_study\sparta-myhoneytip-munkh> expo start

┌─────────────────────────────────────────────────────────────

────────────┐

│ │

│ There is a new version of expo-cli available (6.0.2). │

│ You are currently using expo-cli 6.0.1 │

│ Install expo-cli globally using the package manager of your choice; │

│ for example: `npm install -g expo-cli` to get the latest version │

│ │

└─────────────────────────────────────────────────────────────

────────────┘

Starting project at C:\Users\user\Desktop\sparta_study\sparta-myhoneytip-munkh

Starting Metro Bundler

▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄

█ ▄▄▄▄▄ █▄▀ ▀ ██▀█ ▄▄▄▄▄ █

█ █ █ █ █▀ █ █ █ █ █

█ █▄▄▄█ █▄█▀ ▄▀█▄▀█ █▄▄▄█ █

█▄▄▄▄▄▄▄█▄█ █ █▄▀▄█▄▄▄▄▄▄▄█

█ ▄▄▄██▄▀▄█ ▄▀█▀██▄██▄ ▄▀▄█

█▄█▀██ ▄▀▀ ▄█▀▄█ █ ▀██▀███

█▄▄█▄█▄▄▀▀▄▄██▄█ ▄█ ▄ █ █▀█

█▀▄ ▀▀▄▄█ ▀▄█▀▄ █ ▀▀█▀▀█ ▀█

███▄█▄█▄▄▀ ▀ ▄▄ ▄ ▄▄▄ ▀▄█▀█

█ ▄▄▄▄▄ ██▄▄▀▄▄▀█ █▄█ █▄▄ █

█ █ █ █▀█▄▀ █▀▀▄▄ █▀▀ █

█ █▄▄▄█ █ ▄█▄▄▀ ▀▄▀▄█▄▄ ▄██

█▄▄▄▄▄▄▄█▄▄█▄█▄█▄██████▄▄▄█

› Metro waiting on exp://192.168.123.105:19000

› Scan the QR code above with Expo Go (Android) or the Camera app (iOS)

› Press a │ open Android

› Press w │ open web

› Press r │ reload app

› Press m │ toggle menu

› Press ? │ show all commands

Logs for your project will appear below. Press Ctrl+C to exit.

Started Metro Bundler

Android Bundling complete 4587ms

Android Running app on SM-G991N

Error: Text strings must be rendered within a <Text> component.

This error is located at:

in RCTView (created by View)

in View (created by App)

in RCTView (created by View)

in View (created by App)

in App (created by ExpoRoot)

in ExpoRoot

in RCTView (created by View)

in View (created by AppContainer)

in RCTView (created by View)

in View (created by AppContainer)

in AppContainer

in main(RootComponent)

at node_modules\expo\build\environment\react-native-logs.fx.js:27:4 in error

at node_modules\react-native\Libraries\Core\ExceptionsManager.js:95:4 in reportException

at node_modules\react-native\Libraries\Core\ExceptionsManager.js:141:19 in handleException

at node_modules\react-native\Libraries\Core\ReactFiberErrorDialog.js:52:4 in showErrorDialog

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:12589:34 in logCapturedError

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:12682:20 in update.callback

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:7345:2 in callCallback

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:7366:20 in commitUpdateQueue

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:17337:27 in commitLayoutEffectOnFiber

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18438:33 in commitLayoutMountEffects_complete

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18421:39 in commitLayoutEffects_begin

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18404:27 in commitLayoutEffects

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:20103:23 in commitRootImpl

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:19972:18 in commitRoot

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:19484:12 in performSyncWorkOnRoot

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:5975:29 in flushSyncCallbacks

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:5954:22 in flushSyncCallbacksOnlyInLegacyMode

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:19016:42 in scheduleUpdateOnFiber

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:22268:34 in updateContainer

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:22977:17 in render

at node_modules\react-native\Libraries\ReactNative\renderApplication.js:76:4 in renderApplication

at node_modules\react-native\Libraries\ReactNative\AppRegistry.js:119:25 in runnables.appKey.run

at node_modules\react-native\Libraries\ReactNative\AppRegistry.js:213:4 in runApplication

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:417:4 in __callFunction

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:114:6 in __guard$argument_0

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:368:10 in __guard

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:113:4 in callFunctionReturnFlushedQueue

Error: Text strings must be rendered within a <Text> component.

This error is located at:

in RCTView (created by View)

in View (created by App)

in RCTView (created by View)

in View (created by App)

in App (created by ExpoRoot)

in ExpoRoot

in RCTView (created by View)

in View (created by AppContainer)

in RCTView (created by View)

in View (created by AppContainer)

in AppContainer

in main(RootComponent)

at node_modules\expo\build\environment\react-native-logs.fx.js:27:4 in error

at node_modules\react-native\Libraries\Core\ExceptionsManager.js:95:4 in reportException

at node_modules\react-native\Libraries\Core\ExceptionsManager.js:141:19 in handleException

at node_modules\react-native\Libraries\Core\setUpErrorHandling.js:24:6 in handleError

at node_modules\expo-error-recovery\build\ErrorRecovery.fx.js:12:21 in ErrorUtils.setGlobalHandler$argument_0

at node_modules\@babel\runtime\helpers\regeneratorRuntime.js:86:13 in tryCatch

at node_modules\@babel\runtime\helpers\regeneratorRuntime.js:66:31 in <anonymous>

at node_modules\@babel\runtime\helpers\regeneratorRuntime.js:86:13 in tryCatch

at node_modules\@babel\runtime\helpers\regeneratorRuntime.js:124:27 in invoke

at node_modules\@babel\runtime\helpers\regeneratorRuntime.js:130:16 in PromiseImpl.resolve.then$argument_0

at node_modules\promise\setimmediate\core.js:37:13 in tryCallOne

at node_modules\promise\setimmediate\core.js:123:24 in setImmediate$argument_0

at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:248:12 in _allocateCallback$argument_0

at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:112:14 in _callTimer

at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:162:14 in _callReactNativeMicrotasksPass

at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:413:41 in callReactNativeMicrotasks

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:391:6 in __callReactNativeMicrotasks

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:133:6 in __guard$argument_0

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:368:10 in __guard

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:132:4 in flushedQueue

Android Bundling complete 56ms