inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Một trại huấn luyện phát triển toàn diện thực sự dành cho những người không chuyên ngành

Triển khai web GrabMarket trên Vercel

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

628

ttvt110593

5 câu hỏi đã được viết

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

Câu trả lời 2

0

ttvt110593

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

App.js에

import React from 'react';

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

0

grab

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

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

0

communityai8509

안녕하세요, 인프런 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

119

1

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

0

236

1

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

0

419

1

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

0

354

2

포스트맨 질문

0

99

1

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

0

260

2

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

0

473

2