하루가 지나니 실행이 안되고
화면이 하얗기만 하다.
expo%5CAppEntry.bundle:1 Failed to load resource: the server responded with a status of 500 (Internal Server Error)Understand this error
(index):1 Refused to execute script from 'http://localhost:8081/expo%5CAppEntry.bundle?platform=web&dev=true&hot=false&lazy=true&transform.engine=hermes&transform.routerRoot=app' because its MIME type ('application/json') is not executable, and strict MIME type checking is enabled.
Expo 웹 버전 실행 시 서버(Packager)가 파일을 제대로 묶어서 보내주지 못해 발생하는 전형적인 문제
대부분의 Expo 500 에러는 설치된 패키지 간의 충돌이나 캐시 꼬임 때문
Expo 개발 서버가 웹용 파일을 굽다가 실패(500)"한 것이 핵심
우선 돌아가고 있는 서버를 종료 (Ctrl + C)
npx expo start -c (캐시 삭제 실행)
+ 그래도 안된다면
다시 설치하는 것이 정신 건강에 가장 좋다.
rm -r -fo node_modules
+에러시
PS D:\Personal\P-PJT\Private-Pjt_S Clock> Remove-Item -Recurse -Force node_modules
Remove-Item : D:\Personal\P-PJT\Private-Pjt_S Clock\n
ode_modules\@react-native\community-cli-plugin\node_m
odules\@react-native\debugger-frontend\dist\third-par
ty\front_end\models\issues_manager\descriptions\gener
icFormInputAssignedAutocompleteValueToIdOrNameAttribu
teError.md 항목을 제거할 수 없습니다. 'genericFormInp
utAssignedAutocompleteValueToIdOrNameAttributeError.m
d' 경로의 일부를 찾을 수 없습니다.
위치 줄:1 문자:1
+ Remove-Item -Recurse -Force node_modules
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ CategoryInfo : WriteError: (genericFo
rmInpu...tributeError.md:FileInfo) [Remove-Item]
, DirectoryNotFoundException
+ FullyQualifiedErrorId : RemoveFileSystemItemIO
Error,Microsoft.PowerShell.Commands.RemoveItemCo
mmand
Remove-Item : D:\Personal\P-PJT\Private-Pjt_S Clock\n
ode_modules\@react-native\community-cli-plugin\node_m
odules\@react-native\debugger-frontend\dist\third-par
ty\front_end\models\issues_manager\descriptions 항목
을 제거할 수 없습니다. 디렉터리가 비어 있지 않습니다.
위치 줄:1 문자:1
+ Remove-Item -Recurse -Force node_modules
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ CategoryInfo : WriteError: (descripti
ons:DirectoryInfo) [Remove-Item], IOException
+ FullyQualifiedErrorId : RemoveFileSystemItemIO
Error,Microsoft.PowerShell.Commands.RemoveItemCo
mmand
Remove-Item : D:\Personal\P-PJT\Private-Pjt_S Clock\n
ode_modules\@react-native\community-cli-plugin\node_m
odules\@react-native\debugger-frontend\dist\third-par
ty\front_end\models\issues_manager 항목을 제거할 수
없습니다. 디렉터리가 비어 있지 않습니다.
위치 줄:1 문자:1
+ Remove-Item -Recurse -Force node_modules
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ CategoryInfo : WriteError: (issues_ma
nager:DirectoryInfo) [Remove-Item], IOException
+ FullyQualifiedErrorId : RemoveFileSystemItemIO
Error,Microsoft.PowerShell.Commands.RemoveItemCo
mmand
Remove-Item : D:\Personal\P-PJT\Private-Pjt_S Clock\n
ode_modules\@react-native\community-cli-plugin\node_m
odules\@react-native\debugger-frontend\dist\third-par
ty\front_end\models 항목을 제거할 수 없습니다. 디렉터
리가 비어 있지 않습니다.
위치 줄:1 문자:1
+ Remove-Item -Recurse -Force node_modules
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ CategoryInfo : WriteError: (models:Di
rectoryInfo) [Remove-Item], IOException
+ FullyQualifiedErrorId : RemoveFileSystemItemIO
Error,Microsoft.PowerShell.Commands.RemoveItemCo
mmand
Remove-Item : D:\Personal\P-PJT\Private-Pjt_S Clock\n
ode_modules\@react-native\community-cli-plugin\node_m
odules\@react-native\debugger-frontend\dist\third-par
ty\front_end 항목을 제거할 수 없습니다. 디렉터리가 비
어 있지 않습니다.
위치 줄:1 문자:1
+ Remove-Item -Recurse -Force node_modules
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ CategoryInfo : WriteError: (front_end
:DirectoryInfo) [Remove-Item], IOException
+ FullyQualifiedErrorId : RemoveFileSystemItemIO
Error,Microsoft.PowerShell.Commands.RemoveItemCo
mmand
Remove-Item : D:\Personal\P-PJT\Private-Pjt_S Clock\n
ode_modules\@react-native\community-cli-plugin\node_m
odules\@react-native\debugger-frontend\dist\third-par
ty 항목을 제거할 수 없습니다. 디렉터리가 비어 있지 않
습니다.
위치 줄:1 문자:1
+ Remove-Item -Recurse -Force node_modules
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ CategoryInfo : WriteError: (third-par
ty:DirectoryInfo) [Remove-Item], IOException
+ FullyQualifiedErrorId : RemoveFileSystemItemIO
Error,Microsoft.PowerShell.Commands.RemoveItemCo
mmand
Remove-Item : D:\Personal\P-PJT\Private-Pjt_S Clock\n
ode_modules\@react-native\community-cli-plugin\node_m
odules\@react-native\debugger-frontend\dist 항목을 제
거할 수 없습니다. 디렉터리가 비어 있지 않습니다.
위치 줄:1 문자:1
+ Remove-Item -Recurse -Force node_modules
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ CategoryInfo : WriteError: (dist:Dire
ctoryInfo) [Remove-Item], IOException
+ FullyQualifiedErrorId : RemoveFileSystemItemIO
Error,Microsoft.PowerShell.Commands.RemoveItemCo
mmand
Remove-Item : D:\Personal\P-PJT\Private-Pjt_S Clock\n
ode_modules\@react-native\community-cli-plugin\node_m
odules\@react-native\debugger-frontend 항목을 제거할
수 없습니다. 디렉터리가 비어 있지 않습니다.
위치 줄:1 문자:1
+ Remove-Item -Recurse -Force node_modules
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ CategoryInfo : WriteError: (debugger-
frontend:DirectoryInfo) [Remove-Item], IOExcepti
on
+ FullyQualifiedErrorId : RemoveFileSystemItemIO
Error,Microsoft.PowerShell.Commands.RemoveItemCo
mmand
Remove-Item : D:\Personal\P-PJT\Private-Pjt_S Clock\n
ode_modules\@react-native\community-cli-plugin\node_m
odules\@react-native 항목을 제거할 수 없습니다. 디렉
터리가 비어 있지 않습니다.
위치 줄:1 문자:1
+ Remove-Item -Recurse -Force node_modules
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ CategoryInfo : WriteError: (@react-na
tive:DirectoryInfo) [Remove-Item], IOException
+ FullyQualifiedErrorId : RemoveFileSystemItemIO
Error,Microsoft.PowerShell.Commands.RemoveItemCo
mmand
Remove-Item : D:\Personal\P-PJT\Private-Pjt_S Clock\n
ode_modules\@react-native\community-cli-plugin\node_m
odules 항목을 제거할 수 없습니다. 디렉터리가 비어 있
지 않습니다.
위치 줄:1 문자:1
+ Remove-Item -Recurse -Force node_modules
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ CategoryInfo : WriteError: (node_modu
les:DirectoryInfo) [Remove-Item], IOException
+ FullyQualifiedErrorId : RemoveFileSystemItemIO
Error,Microsoft.PowerShell.Commands.RemoveItemCo
mmand
Remove-Item : D:\Personal\P-PJT\Private-Pjt_S Clock\n
ode_modules\@react-native\community-cli-plugin 항목을
제거할 수 없습니다. 디렉터리가 비어 있지 않습니다.
위치 줄:1 문자:1
+ Remove-Item -Recurse -Force node_modules
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ CategoryInfo : WriteError: (community
-cli-plugin:DirectoryInfo) [Remove-Item], IOExce
ption
+ FullyQualifiedErrorId : RemoveFileSystemItemIO
Error,Microsoft.PowerShell.Commands.RemoveItemCo
mmand
Remove-Item : D:\Personal\P-PJT\Private-Pjt_S Clock\n
ode_modules\@react-native 항목을 제거할 수 없습니다.
디렉터리가 비어 있지 않습니다.
위치 줄:1 문자:1
+ Remove-Item -Recurse -Force node_modules
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+ CategoryInfo : WriteError: (@react-na
tive:DirectoryInfo) [Remove-Item], IOException
+ FullyQualifiedErrorId : RemoveFileSystemItemIO
Error,Microsoft.PowerShell.Commands.RemoveItemCo
mmand
npx rimraf node_modules
npx expo start --clear
에러 메시지 중에 genericFormInputAssigned...Error.md 같은 파일명을 보세요. 이름이 엄청나게 길죠? 윈도우는 전체 경로가 약 260자를 넘어가면 파일을 찾거나 지우는 데 서툴러집니다. node_modules는 폴더 안에 폴더가 대여섯 겹씩 쌓이다 보니 이 한계를 금방 넘어버립니다.
ersonal\P-PJT\Private-Pjt_S Clock> conda deactivate
PS D:\Personal\P-PJT\Private-Pjt_S Clock> npx expo start --clear
node:internal/modules/cjs/loader:1146
throw err;
^
Error: Cannot find module '@expo/cli'
Require stack:
- D:\Personal\P-PJT\Private-Pjt_S Clock\node_modules\expo\bin\cli
at Module._resolveFilename (node:internal/modules/cjs/loader:1143:15)
at Module._load (node:internal/modules/cjs/loader:984:27)
at Module.require (node:internal/modules/cjs/loader:1231:19)
at require (node:internal/modules/helpers:179:18)
at Object.<anonymous> (D:\Personal\P-PJT\Private-Pjt_S Clock\node_modules\expo\bin\cli:5:1)
at Module._compile (node:internal/modules/cjs/loader:1369:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1427:10)
at Module.load (node:internal/modules/cjs/loader:1206:32)
at Module._load (node:internal/modules/cjs/loader:1022:12)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:135:12) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'D:\\Personal\\P-PJT\\Private-Pjt_S Clock\\node_modules\\expo\\bin\\cli'
]
}
Node.js v20.12.2
PS D:\Personal\P-PJT\Private-Pjt_S Clock>
npm install
npx expo start --clear
+ 안될경우 npm install --force
Node.js v20.12.2
PS D:\Personal\P-PJT\Private-Pjt_S Clock> npm install
npm ERR! code ENOTEMPTY
npm ERR! syscall rmdir
npm ERR! path D:\Personal\P-PJT\Private-Pjt_S Clock\node_modules\@react-native\community-cli-plugin\node_modules\@react-native\debugger-frontend\dist\third-party\front_end\models
npm ERR! errno -4051
npm ERR! ENOTEMPTY: directory not empty, rmdir 'D:\Personal\P-PJT\Private-Pjt_S Clock\node_modules\@react-native\community-cli-plugin\node_modules\@react-native\debugger-frontend\dist\third-party\front_end\models'
npm ERR! A complete log of this run can be found in: C:\Users\playdata2\AppData\Local\npm-cache\_logs\2026-04-30T01_12_53_137Z-debug-0.log
PS D:\Personal\P-PJT\Private-Pjt_S Clock>
npx expo start --clear
추가에러
› Web is waiting on http://localhost:8082
› Using Expo Go
› Press s │ switch to development build
› Press a │ open Android
› Press w │ open web
› Press j │ open debugger
› Press r │ reload app
› Press m │ toggle menu
› Press o │ open project code in your editor
› Press ? │ show all commands
Logs for your project will appear below. Press Ctrl+C to exit.
Web Bundling failed 11664ms D:\Personal\P-PJT\Private-Pjt_S Clock\expo\AppEntry.js (627 modules)
Unable to resolve "expo-crypto" from "src\store\scheduleStore.ts"
Unable to resolve "expo-crypto"
누락된 모듈 설치
npx expo install expo-crypto
added 1 package, and audited 1245 packages in 6s
170 packages are looking for funding
run `npm fund` for details
28 vulnerabilities (1 low, 21 moderate, 6 high)
To address issues that do not require attention, run:
npm audit fix
To address all issues (including breaking changes), run:
npm audit fix --force
Run `npm audit` for details.
PS D:\Personal\P-PJT\Private-Pjt_S Clock>
완료
npx expo start --web
'JavaScript > React' 카테고리의 다른 글
| create-react-app 프로젝트 생성하기 (0) | 2023.12.07 |
|---|
