inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

Vercel에 그랩마켓 웹 배포하기

fiy.io로 진행할 때 APIURL설정에 관하여

628

총총이

작성한 질문수 5

0

fiy.io강의 진행 후

vercel에 그맵마켓 웹 배포하기 강의 진행했는데

화면에 데이터를 못받아 오고 있습니다.

정말 죄송한데 원인을 잘 모르겠어요..

어떤 부분을 어떻게 찾아봐야할까요..

 

fly.io에서 URL에 안들어가지는게 뭔가 이상한거같은데..안돌아가고 있다는 느낌이랄까요

greb-market-server에서 fly deploy에러나는데 이거때문일까여?

PS D:\VScode\grab-market-server> fly deploy

==> Verifying app config

Validating D:\VScode\grab-market-server\fly.toml

Platform: machines

✓ Configuration is valid

--> Verified app config

==> Building image

Remote builder fly-builder-blue-feather-4034 ready

==> Creating build context

--> Creating build context done

==> Building image with Docker

--> docker host: 20.10.12 linux x86_64

[+] Building 23.1s (0/1)

[+] Building 12.9s (12/14)

=> CACHED [internal] load remote build context 0.0s

=> CACHED copy /context / 0.0s

=> resolve image config for docker.io/docker/dockerfile:1 1.9s

=> CACHED docker-image://docker.io/docker/dockerfile:1@sha256:39b85bbfa7536a5feceb7372a0817649e 0.0s

=> [internal] load metadata for docker.io/library/node:16.17.1-slim 0.6s

=> [base 1/2] FROM docker.io/library/node:16.17.1-slim@sha256:1f6cbe8654b31c214225bddd12451b857 0.0s

=> CACHED [base 2/2] WORKDIR /app 0.0s

=> CACHED [build 1/6] RUN apt-get update -qq && apt-get install -y python pkg-config build- 0.0s

=> CACHED [build 2/6] COPY --link package.json package-lock.json ./ 0.0s

=> CACHED [build 3/6] RUN npm ci --include=dev 0.0s

=> CACHED [build 4/6] COPY --link . . 0.0s

=> ERROR [build 5/6] RUN npm run build 10.3s

------

> [build 5/6] RUN npm run build:

#12 0.549

#12 0.549 > grab-market-server@0.1.0 build

#12 0.549 > react-scripts build

#12 0.549

#12 1.839 Creating an optimized production build...

#12 10.22 Failed to compile.

#12 10.22

#12 10.22 ./src/App.js

#12 10.22 Line 6: 'React' must be in scope when using JSX react/react-in-jsx-scope

#12 10.22 Line 7: 'React' must be in scope when using JSX react/react-in-jsx-scope

#12 10.22 Line 8: 'React' must be in scope when using JSX react/react-in-jsx-scope

#12 10.22 Line 9: 'React' must be in scope when using JSX react/react-in-jsx-scope

#12 10.22 Line 10: 'React' must be in scope when using JSX react/react-in-jsx-scope

#12 10.22 Line 12: 'React' must be in scope when using JSX react/react-in-jsx-scope

#12 10.22

#12 10.22 Search for the keywords to learn more about each error.

#12 10.22

#12 10.22

------

Error: failed to fetch an image or build from source: error building: executor failed running [/bin/sh -c npm run build]: exit code: 1 

 

HTML/CSS javascript react node.js react-native 머신러닝 express tensorflow

답변 2

0

총총이

챗지피티에 검색 해서 알았습니다,.

App.js에

import React from 'react';

를 추가하고 해보니까 되네요..ㅎ

0

그랩

네네! 문제를 잘 찾으셨네요! 보여주신 에러사항에서 볼 수 있듯이, react에서 컴포넌트를 만들때는 반드시 import React from 'react';를 붙여주셔야 해요!

#12 10.22 Line 6: 'React' must be in scope when using JSX react/react-in-jsx-scope

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요.

fly.io와 vercel 배포할 때 오는 에러라니 불편하시겠네요. 이 에러가 원인인지는 확실하지 않지만, ‘grab-market-server에서 fly deploy’ 에러가 발생하는 부분을 조심해보시는 게 좋을 것 같아요. 그리고 위 과정에서 API URL을 설정할 때 이상이 있었다는 말씀이신데, fly.io URL이 들어가지 않는 문제라면 fly.io에서 설정 에러가 있는 것이 가능합니다. fly.io 설정을 다시 한 번 확인해보시면 어떨까요? 그리고 마지막 에러 메시지는 React를 import하지 않아 발생한 문제일 가능성이 있습니다. 이 부분도 확인해보시는 게 좋을 것 같아요.

도움이 되었기를 바랍니다.

[해결]그랩님 답변 주세요.

0

161

2

그랩님의 답변을 기다립니다/102강 전반적인 에러

0

141

2

[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.

0

123

2

[재질문][그랩님 답변 부탁드립니다]101강

0

140

2

[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문

0

97

2

Ngrok 설치 후 forwarding Url 에러

0

133

2

[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.

0

217

2

Ngrok 설치 후 forwarding Url로 연결 불가

0

135

1

그랩님,[꼭] 답변 부탁드립니다.

0

65

1

[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.

0

149

1

6강/7강 수업

0

50

1

그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.

0

98

2

그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.

0

134

2

[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

88

1

Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

127

2

일반적인 css 꾸미기에서 width와 height의 값?

0

90

2

Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법

0

193

1

그랩마켓 웹화면 구현하기 -2 질문입니다.

0

120

1

react에 반영이 되지 않습니다.

0

236

1

터미널 npm install -g create-react-app 작성 후 오류

0

419

1

create-react-app my app 실행 시 에러

0

354

2

포스트맨 질문

0

100

1

<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.

0

260

2

그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.

0

473

2