inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹 게임을 만들며 배우는 React에 TypeScript 적용하기

기본 타입스크립트 세팅하기

npm run dev 실행은 성공적으로 되는데

679

do wang

작성한 질문수 22

0

npm run dev 실행은 성공적으로 되는데 

페이지에 렌더가 되지 않습니다.ㅠㅠ

제로초님 깃헙에 올려진 코드로 변경해봤는데 

뭐가 문제일까요  

 

client.tsx

 

webpack.config.js

 

tsconfig.json

 

package.json

 

typescript react

답변 2

2

선영

webpack-dev-server v4.0.0부터 Hot Module Replacement가 기본적으로 활성화되어 있다고 합니다.

=> static 폴더의 기본값이 /public으로 설정되어 있습니다. 이를 index.html가 존재하는 경로로 설정해주면 해결됩니다.

 

저의 경우, webpack.config.js 파일에서 아래 코드를 추가하니 정상적으로 동작했습니다

devServer: {
        static: __dirname,
  },

 

참고 페이지 : https://webpack.kr/guides/hot-module-replacement/

0

제로초(조현영)

index.html 만드셨나요

0

do wang

네네 index.html 존재합니다!  

제로초님  wepback-dev-server가 4버전이었는데 3버전으로 내리니 동작합니다

"webpack-dev-server": "^3.11.3"

dev 할때 4버전이어서  

webpack-dev-server 대신에 webpack serve --env development

이걸 dev에 바꿔줬는데도 무언가 문제가 있는것 같습니다 

한번 찾아보겠습니다.

express response 타입

0

211

1

createRoot

0

287

1

babel-loader질문입니다! 왜쓰는지 궁금합니다!

0

685

1

undefined 처리

0

495

1

compilerOptions lib 관련

0

330

1

event type 찾기

0

325

1

정확한 type vs 가독성

0

293

1

useRef에 대해 질문드립니다.

0

306

1

tsx파일에서 에러 표시

0

865

1

Props type 질문드립니다.

0

228

1

webpack.config.ts/ Could not find a declaration file for module '@pmmmwh/react-refresh-webpack-plugin'.

0

591

1

18버전에서의 ReactDOM.render

1

659

1

깃허브에 react-router@6 업데이트 해주신 코드 질문드립니다.

0

295

1

2강 끝말잇기 npx webpack 오류가 질의사항

0

410

1

Property 'render' does not exist on type 'IntrinsicAttributes & (PathRouteProps | LayoutRouteProps | IndexRouteProps)'.

0

717

1

webpack.config.ts import 할 때 에러좀 봐주세요!!

0

308

1

React.FC에 대해 궁금합니다.

0

702

1

가위바위보 interval 타입과 이벤트타입에 관한질문

0

344

1

redux 유료강좌를 듣고 와야 되는지 여쭈어보려고 합니다.

0

322

1

git 내용과 강의 내용이 달라서 여쭈어봅니다.

0

226

1

Ball.tsx 타이핑

0

328

2

react-router 버젼 업그레이드 변경사항 문의

0

289

2

리액트 타입스크립트 공식문서

0

341

1

button 클릭 할 떄 마다 더보기/닫기 에러

0

859

1