inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

awesome-typescript-loader 설치 에러 관련

해결된 질문

546

GentleM

작성한 질문수 13

0

안녕하세요 강사님. 강의 잘 듣고 있습니다.

'awesome-typescript-loader ' 설치 시 아래와 같은 에러 발생하여 --force 옵션으로 강제 설치했습니다. 앞의 강의에서 해당 모듈 설치 때, 아래와 같은 에러가 발생하여 그냥 넘어갔더니 npx webpack 명령어 입력 시 app.js 생성에 또 문제가 생겨서 --force 명령으로 해결했습니다.

혹시 이와 같은 방법에 문제가 있다면 다른 접근법을 알려주시면 감사하겠습니다.

---------------------------------------------------------

npm ERR! code ERESOLVE

npm ERR! ERESOLVE unable to resolve dependency tree

npm ERR!

npm ERR! While resolving: lecture_ts@1.0.0

npm ERR! Found: typescript@4.0.5

npm ERR! node_modules/typescript

npm ERR!   typescript@"^4.0.5" from the root project

npm ERR!

npm ERR! Could not resolve dependency:

npm ERR! peer typescript@"^2.7 || ^3" from awesome-typescript-loader@5.2.1

npm ERR! node_modules/awesome-typescript-loader

npm ERR!   dev awesome-typescript-loader@"^5.2.1" from the root project

npm ERR!

npm ERR! Fix the upstream dependency conflict, or retry

npm ERR! this command with --force, or --legacy-peer-deps

npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

npm ERR! 

npm ERR! See C:\Users\master\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:

npm ERR!     C:\Users\master\AppData\Local\npm-cache\_logs\2020-11-06T06_21_30_388Z-debug.log

react typescript

답변 3

1

제로초(조현영)

4버전으로 하시려면

awesome-typescript-loader 대신 ts-loader 8버전을 사용하시면 됩니다.

0

GentleM

감사합니다. ts-loader 설치해서 사용하니까 에러 없이 잘 돌아갑니다. 

0

제로초(조현영)

제 강좌에서 typescript는 3버전 사용하셔야 합니다. awesome-typescript-loader가 4버전을 지원하지 않습니다. 저는 atl 대신 @babel/preset-typescript로 웹팩과 연동하고 있습니다. 영상 수정은 조금 힘들어서 소스코드라도 최신 4버전으로 업데이트하겠습니다.

express response 타입

0

210

1

createRoot

0

285

1

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

0

685

1

undefined 처리

0

493

1

compilerOptions lib 관련

0

329

1

event type 찾기

0

324

1

정확한 type vs 가독성

0

292

1

useRef에 대해 질문드립니다.

0

305

1

tsx파일에서 에러 표시

0

864

1

Props type 질문드립니다.

0

227

1

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

0

590

1

18버전에서의 ReactDOM.render

1

658

1

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

0

294

1

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

0

408

1

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

0

716

1

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

0

307

1

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

0

701

1

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

0

343

1

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

0

677

2

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

0

320

1

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

0

222

1

Ball.tsx 타이핑

0

324

2

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

0

286

2

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

0

338

1