inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Slack 클론 코딩[실시간 채팅 with React]

babel과 webpack 설정하기

setting/ts폴더 복붙해도 에러가 납니다

585

angryduck

작성한 질문수 3

1

양질의 강의 정말 잘 보고 있습니다

하지만 에러로 진행을 하지 못하고 있습니다

첫 강의부터 코드를 따라서 타이핑한 결과

> sleact-ts-front@1.0.0 build

> cross-env TS_NODE_PROJECT=\"tsconfig-for-webpack-config.json\" NODE_ENV=production webpack

[webpack-cli] Unable load 'C:\Users\nogo0\#code\LearnSlackClone\front\webpack.config.ts'

[webpack-cli] Unable to use specified module loaders for ".ts".

[webpack-cli] ⨯ Unable to compile TypeScript:

error TS5083: Cannot read file 'C:\tsconfig-for-webpack-config.json'.

[webpack-cli] Cannot find module 'typescript-node/register' from 'C:\Users\nogo0\#code\LearnSlackClone\front'

[webpack-cli] Cannot find module 'typescript-register' from 'C:\Users\nogo0\#code\LearnSlackClone\front'

[webpack-cli] Cannot find module 'typescript-require' from 'C:\Users\nogo0\#code\LearnSlackClone\front'

[webpack-cli] Cannot find module 'sucrase/register/ts' from 'C:\Users\nogo0\#code\LearnSlackClone\front'

[webpack-cli] Cannot find module '@babel/register' from 'C:\Users\nogo0\#code\LearnSlackClone\front'

[webpack-cli] Please install one of them

npm ERR! code 2

npm ERR! path C:\Users\nogo0\#code\LearnSlackClone\front

npm ERR! command failed

npm ERR! command C:\Windows\system32\cmd.exe /d /s /c cross-env TS_NODE_PROJECT=\tsconfig-for-webpack-config.json\ NODE_ENV=production webpack

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

npm ERR!     C:\Users\nogo0\AppData\Local\npm-cache\_logs\2021-06-22T08_10_13_340Z-debug.log

C:\Users\nogo0\#code\LearnSlackClone\front>npm run build

> front@1.0.0 build

> cross-env TS_NODE_PROJECT="tsconfig-for-webpack-config.json" webpack

asset app.js 4.13 KiB [emitted] (name: app)

../../../#code/LearnSlackClone/front/client.tsx 39 bytes [not cacheable] [built] [code generated] [1 error]

ERROR in ../../../#code/LearnSlackClone/front/client.tsx

Module build failed (from ../../../#code/LearnSlackClone/front/node_modules/babel-loader/lib/index.js):

Error: Cannot find module 'C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\babel-loader\lib\index.js'

Require stack:

- C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\loader-runner\lib\loadLoader.js

- C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\loader-runner\lib\LoaderRunner.js

- C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\NormalModule.js

- C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\NormalModuleFactory.js

- C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\Compiler.js

- C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\webpack.js

- C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\index.js

- C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack-cli\lib\webpack-cli.js

- C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack-cli\lib\bootstrap.js

- C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack-cli\bin\cli.js

- C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\bin\webpack.js

    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:925:15)

    at Function.Module._load (node:internal/modules/cjs/loader:769:27)

    at Module.require (node:internal/modules/cjs/loader:997:19)

    at require (C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)

    at loadLoader (C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\loader-runner\lib\loadLoader.js:19:17)

    at iteratePitchingLoaders (C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\loader-runner\lib\LoaderRunner.js:182:2)

    at runLoaders (C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\loader-runner\lib\LoaderRunner.js:397:2)

    at NormalModule.doBuild (C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\NormalModule.js:646:3)

    at NormalModule.build (C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\NormalModule.js:791:15)

    at C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\Compilation.js:1242:12

front (webpack 5.24.2) compiled with 1 error in 67 ms

npm ERR! code 1

npm ERR! path C:\Users\nogo0\#code\LearnSlackClone\front

npm ERR! command failed

npm ERR! command C:\Windows\system32\cmd.exe /d /s /c cross-env TS_NODE_PROJECT=tsconfig-for-webpack-config.json webpack

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

npm ERR!     C:\Users\nogo0\AppData\Local\npm-cache\_logs\2021-06-22T08_11_20_386Z-debug.log

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

위와 같은 에러가 발생하였고 갈피를 잡을수없어서 제로초님 깃허브를 참고하여 setting/ts폴더를 통쨰로 복붙하고 기존에 있던 node_modules, package-lcok.json을 삭제하고 npm i로 모두 재설치 했습니다

그럼에도 불구하고 아래같은 에러가 뜨는데 혹시 제가 빠뜨린 부분이 있을까요?

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

답변 2

0

angryduck

삭제된 글입니다

1

제로초(조현영)

제가 해당 깃헙 가서 빌드해본 결과 에러가 나지 않습니다. ㅠㅠ

0

angryduck

결국 CRA사용해서 실습 따라하고 있는건 아쉽지만 열심히 배워보겟습니다~

0

제로초(조현영)

폴더 구조 문제로 보입니다. front 폴더에서 명령어를 실행하신 것이 맞나요? 또한 front 폴더 안에 package.json, webpack.config.ts, ts-config-for-webpack-config.json이 들어 있나요?

기본 셋팅과 관련하여

0

91

1

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

0

96

2

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

0

148

2

useEffect 개수 관리

0

109

2

라이브러리 서치 방법

0

103

2

함수 정의 패턴

0

77

1

npm run dev 에러

0

152

3

npx webpack 후 에러

0

178

2

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

0

142

2

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

1

177

2

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

0

154

2

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

0

430

3

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

0

598

2

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

0

952

1

배포 방법

0

295

2

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

0

987

2

alias 경로 설정 오류

0

448

2

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

0

274

1

제네릭 질문

0

217

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