* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
작업하다가 쉬고왔는데 갑자기 expo가 안되요 ㅠ
여러번 시도 했는데 왜 안될까요
작성한 코드 및 에러 메세지
1 | import React from 'react';
> 2 | import main from './assets/main.png';
| ^
3 | import { StyleSheet, Text, View, Image, TouchableOpacity, ScrollView} from 'react-native';
4 |
5 | const Textname = () => {
at http://192.168.0.2:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:29982:25 in showCompileError
at http://192.168.0.2:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:29915:28 in <unknown>
at http://192.168.0.2:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:30119:22 in <unknown>
at http://192.168.0.2:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:28687:30 in dispatchEvent
at http://192.168.0.2:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:28881:30 in <unknown>
at http://192.168.0.2:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:20178:35 in __callFunction
at http://192.168.0.2:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:19940:30 in <unknown>
at http://192.168.0.2:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:19939:20 in callFunctionReturnFlushedQueue
Android Bundling failed 4ms
Unable to resolve module ./assets/main.png from C:\Users\corkd\OneDrive\바탕 화면\sparta-study\sparta-myhoneytip-chae\App.js:
None of these files exist:
* main.png
* assets\main.png\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
1 | import React from 'react';
> 2 | import main from './assets/main.png';
| ^
3 | import { StyleSheet, Text, View, Image, TouchableOpacity, ScrollView} from 'react-native';
4 |
5 | const Textname = () => {
Android Bundling failed 9ms
SyntaxError: C:\Users\corkd\OneDrive\바탕 화면\sparta-study\sparta-myhoneytip-chae\App.js: Unterminated string constant. (5:48)
3 | import { StyleSheet, Text, View, Image, TouchableOpacity, ScrollView} from 'react-native';
4 |
> 5 | export default function App(Text) {setTitleText("Bird's Nest
| ^
6 | return ()
7 |
8 | }
Android Bundling failed 6ms
SyntaxError: C:\Users\corkd\OneDrive\바탕 화면\sparta-study\sparta-myhoneytip-chae\App.js: Unterminated string constant. (5:48)
3 | import { StyleSheet, Text, View, Image, TouchableOpacity, ScrollView} from 'react-native';
4 |
> 5 | export default function App(Text) {setTitleText("Bird's Nest
| ^
6 | return ()
7 |
8 | }
› Dev Tools Web UI has been removed. Learn more: https://blog.expo.dev/sunsetting-the-web-ui-for-expo-cli-ab12936d2206
› Dev Tools Web UI has been removed. Learn more: https://blog.expo.dev/sunsetting-the-web-ui-for-expo-cli-ab12936d2206
› Dev Tools Web UI has been removed. Learn more: https://blog.expo.dev/sunsetting-the-web-ui-for-expo-cli-ab12936d2206
› Dev Tools Web UI has been removed. Learn more: https://blog.expo.dev/sunsetting-the-web-ui-for-expo-cli-ab12936d2206
› Dev Tools Web UI has been removed. Learn more: https://blog.expo.dev/sunsetting-the-web-ui-for-expo-cli-ab12936d2206
√ It looks like you're trying to use web support but don't have the required
dependencies installed. Would you like to install react-native-web, react-dom? ... yes
✔ Installed react-native-web@~0.18.7, react-dom
Starting Webpack on port 19006 in development mode.
ddd› Detected a change in babel.config.js. Restart the server to see the new results. d▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
█ ▄▄▄▄▄ █▄▀▀▄▄█▀█▄█ ▄▄▄▄▄ █
█ █ █ ███▄█ ▀█▄█ █ █ █
█ █▄▄▄█ ██▄▀▄▀███▀█ █▄▄▄█ █
█▄▄▄▄▄▄▄█ █ ▀▄▀▄▀ █▄▄▄▄▄▄▄█
█ █ ▄▀▄██ ▄▄▀▀█▀ █▄█▀█▀▀▄█
█▀█▀ ▀▀▄ ▀ ▀█ ▄▀▀███▄▀▀ █
█ ██▄▀▄▄▄▄ █▄▄▀▄ █ ▄▀▀█▀ ██
█ ▄▄█ ▄▄▄▄▄▄ ▄▄▀ ▄▀ ██▄▀ █
█▄██▄█▄▄▄ ▀▄▀▀▄ █ ▄▄▄ ▄▀▄█
█ ▄▄▄▄▄ ██▀█▄▀ █ █▄█ ██▀▄█
█ █ █ █ ▀▀█▄██▄ ▄ ▄ █ █
█ █▄▄▄█ █▀▀▀█▄█▄ ▄█▀▀▄█ █
█▄▄▄▄▄▄▄█▄█▄█▄▄▄▄▄▄█▄▄███▄█
› Metro waiting on exp://192.168.0.2:19000
› Scan the QR code above with Expo Go (Android) or the Camera app (iOS)
› Webpack waiting on http://192.168.0.2:19006
› Expo Webpack (web) is in beta, and subject to breaking changes!
› Press a │ open Android
› Press w │ open web
› Press r │ reload app
› Press m │ toggle menu
› Press ? │ show all commands
› Open in the web browser...
› Press ? │ show all commands
[object Object]
ERROR in ./App.js:2
Module not found: Can't resolve './assets/main.png'
1 | import React from 'react';
> 2 | import main from './assets/main.png';
3 | import { StyleSheet, Text, View, Image, TouchableOpacity, ScrollView} from 'react-native';
4 |
5 | export default function App() {
web compiled with 1 error expo start
* 복원된 기록
corkd@DESKTOP-HMEBTRV MINGW64 ~/OneDrive/바탕 화면/sparta-study
$ cd sparta-mthoneytip-chae
bash: cd: sparta-mthoneytip-chae: No such file or directory
corkd@DESKTOP-HMEBTRV MINGW64 ~/OneDrive/바탕 화면/sparta-study
$ expo start
│ Install expo-cli globally using the package manager of your choice; │
│ for example: `npm install -g expo-cli` to get the latest version │
│ │
│ │
└─────────────────────────────────────────────────────────────────────────┘
The expected package.json path: C:\Users\corkd\OneDrive\바탕 화면\sparta-study\package.json does not exist
corkd@DESKTOP-HMEBTRV MINGW64 ~/OneDrive/바탕 화면/sparta-study
$ cd sparta-myhoneytip-chae
corkd@DESKTOP-HMEBTRV MINGW64 ~/OneDrive/바탕 화면/sparta-study/sparta-myhoneytip-chae (master)
$ expo start
WARNING: The legacy expo-cli does not support Node +17. Migrate to the versioned Expo CLI (npx expo).
┌────────────────────────────────────────────────────────────────────┐│ ││ There is a new version of expo-cli available (6.3.2). ││ You are currently using expo-cli 6.3.1 ││ Install expo-cli globally using the package manager of your ││ choice; ││ for example: `npm install -g expo-cli` to get the latest ││ version ││ │└────────────────────────────────────────────────────────────────────┘
- react-dom - expected version: 18.1.0 - actual version installed: 18.2.0 Your project may not work correctly until you install the correct versions of the packages.
To install the correct versions of these packages, please run: expo doctor --fix-dependencies,
or install individual packages by running expo install [package-name ...]
Starting Metro Bundler
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
█ ▄▄▄▄▄ █▄▀▀▄▄█▀█▄█ ▄▄▄▄▄ █
█ █ █ ███▄█ ▀█▄█ █ █ █
█ █▄▄▄█ ██▄▀▄▀███▀█ █▄▄▄█ █
█▄▄▄▄▄▄▄█ █ ▀▄▀▄▀ █▄▄▄▄▄▄▄█
█ █ ▄▀▄██ ▄▄▀▀█▀ █▄█▀█▀▀▄█
█ █▄▄▄█ █▀▀▀█▄█▄ ▄█▀▀▄█ █
█▄▄▄▄▄▄▄█▄█▄█▄▄▄▄▄▄█▄▄███▄█
› Metro waiting on exp://192.168.0.2: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
› Stopped server
corkd@DESKTOP-HMEBTRV MINGW64 ~/OneDrive/바탕 화면/sparta-study/sparta-myhoneytip-chae (master)
$ expo start
WARNING: The legacy expo-cli does not support Node +17. Migrate to the versioned Expo CLI (npx expo).
┌─────────────────────────────────────────────────────────────────────────┐
│ │
│ There is a new version of expo-cli available (6.3.2). │
│ You are currently using expo-cli 6.3.1 │
│ Install expo-cli globally using the package manager of your choice; │
│ for example: `npm install -g expo-cli` to get the latest version │
│ │
└─────────────────────────────────────────────────────────────────────────┘
This command is being executed with the global Expo CLI. Learn more: https://blog.expo.dev/the-new-expo-cli-f4250d8e3421
To use the local CLI instead (recommended in SDK 46 and higher), run:
› npx expo start
Starting project at C:\Users\corkd\OneDrive\바탕 화면\sparta-study\sparta-myhoneytip-chae
Some dependencies are incompatible with the installed expo package version:
- react-dom - expected version: 18.1.0 - actual version installed: 18.2.0
Your project may not work correctly until you install the correct versions of the packages.
To install the correct versions of these packages, please run: expo doctor --fix-dependencies,
or install individual packages by running expo install [package-name ...]
Starting Metro Bundler
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
█ ▄▄▄▄▄ █▄▀▀▄▄█▀█▄█ ▄▄▄▄▄ █
█ █ █ ███▄█ ▀█▄█ █ █ █
█ █▄▄▄█ ██▄▀▄▀███▀█ █▄▄▄█ █
█▄▄▄▄▄▄▄█ █ ▀▄▀▄▀ █▄▄▄▄▄▄▄█
█ █ ▄▀▄██ ▄▄▀▀█▀ █▄█▀█▀▀▄█
█▀█▀ ▀▀▄ ▀ ▀█ ▄▀▀███▄▀▀ █
█ ██▄▀▄▄▄▄ █▄▄▀▄ █ ▄▀▀█▀ ██
█ ▄▄█ ▄▄▄▄▄▄ ▄▄▀ ▄▀ ██▄▀ █
█▄██▄█▄▄▄ ▀▄▀▀▄ █ ▄▄▄ ▄▀▄█
█ ▄▄▄▄▄ ██▀█▄▀ █ █▄█ ██▀▄█
█ █ █ █ ▀▀█▄██▄ ▄ ▄ █ █
█ █▄▄▄█ █▀▀▀█▄█▄ ▄█▀▀▄█ █
█▄▄▄▄▄▄▄█▄█▄█▄▄▄▄▄▄█▄▄███▄█
› Metro waiting on exp://192.168.0.2:19000
› Scan the QR code above with Expo Go (Android) or the Camera app (iOS)
› Press a │ open Android
› 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
오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.
Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.
Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!
