inflearn logo
강의

Course

Instructor

Slack Clone Coding [Real-time Chat with React]

헷갈려서 질문드려요

239

HyunJu Park

9 asked

0

여러번 말씀하신내용인데 죄송하지만

setting/ 폴더가 핫리로딩까지 세팅된거라고 하셨는데..

세팅연습하려면 setting/에서 하면된다고 하신걸로 들었는데

제가 이해한게맞나요?

그리고 핫리로딩까지 세팅 건너뛰고 시작하려면

alecture/ 에서 하면되는건가요? 

Socket.io 웹팩 babel typescript react 클론코딩

Answer 2

0

HyunJu Park

답변감사합니다

근데 웹팩 데브 서버까지 설치하고

웹팩 실행명령 치면

왜 이런 에러가 계속뜰까요?

alecture/ 에서 내부 파일 다 삭제하고 하다가 같은 에러가떠서

setting/ 에서 하는중인데 이러네요 ㅠㅠ

 

tsconfig.json 에

{
  "compilerOptions": {
    "esModuleInterop": true,
    "sourceMap": true,
    "lib": ["ES2020", "DOM"],
    "jsx": "react",
    "module": "esnext",
    "moduleResolution": "Node",  //import를 인식할수 있게 설정되어있는데요 ㅠ
    "target": "es5",
    "strict": true,
    "resolveJsonModule": true,
    "baseUrl": ".",
    "paths": {
      "@hooks/*": ["hooks/*"],
      "@components/*": ["components/*"],
      "@layouts/*": ["layouts/*"],
      "@pages/*": ["pages/*"],
      "@utils/*": ["utils/*"],
      "@typings/*": ["typings/*"]
    }
  }
}

 

 

 

0

zerocho

import 인식하는 건 그 부분이 아닙니다. 웹팩 실행 명령어 뭘로하셨나요? npm run dev로 할 때 제대로 되는 것 확인했습니다.

0

HyunJu Park

네 setting/폴더위치에서 npm run dev 명령으로 실행했습니다.

검색하다보니 

https://bobbyhadz.com/blog/typescript-cannot-use-import-statement-outside-module

라는 글을 보긴했는데..

정말모르겠네요

혹시 뭔가 아시게되시면 댓글부탁드려요ㅠ

 

tsconfig-for-webpack-config.json

파일도 잘 있습니다.ㅠ

{
  "compilerOptions": {
    "module": "commonjs",
    "moduleResolution": "Node",
    "target": "es5",
    "esModuleInterop": true
  }
}

0

zerocho

package.json 올려주세요.

0

zerocho

아뇨 핫리로딩까지 하실 때도 setting 폴더에서 하시면 됩니다. alecture는 완성본입니다. 세팅 연습하려면 맨땅에서 폴더부터 만들어서 하셔야 하는 것이고요.

기본 셋팅과 관련하여

0

93

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

97

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

150

2

useEffect 개수 관리

0

111

2

라이브러리 서치 방법

0

104

2

함수 정의 패턴

0

77

1

npm run dev 에러

0

152

3

npx webpack 후 에러

0

178

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

144

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

179

2

초기세팅중 packge.json 에러떠요

0

157

2

CORS - Access-Control-Allow-Origin 누락 문제

0

431

3

로그인 페이지 무한 새로고침 현상

0

598

2

Module not found: Error: Can't resolve './App' 에러

0

959

1

배포 방법

0

298

2

npm run dev 시 빌드가 매우 느려졌습니다

0

992

2

alias 경로 설정 오류

0

453

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

278

1

제네릭 질문

0

218

2

ts-node 대신 tsx 사용여부

0

373

1

배포 관련 질문

0

247

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

385

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

336

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

247

2