inflearn logo
강의

講義

知識共有

フロントエンド開発環境の理解と実践 (webpack, babel, eslint..)

ローダー(プール)

TypeError: this.getOptions is not a function 에러

2973

hello

投稿した質問数 43

0

안녕하세요 실습 문제 풀이중에 

이와 같은 에러가 발생하여 질문 드립니다.

조금 찾아보니 sass-loader 사용시 나타나는 오류라는 말만 있어서 혼란스럽습니다.

config 파일은 수업 진행 그대로 해봤는데도 여전히 동일한 에러가 출력됩니다.

npm 6.14.12

node 14.16.1

이 외 로더 버전은 다음과 같습니다

웹팩 nodejs babel eslint

回答 2

3

joimh73068

아마 npm install로 loader들을 설치하면 최신 loader들이 설치되었을 텐데 이 친구들이 webpack 5이상에 종속적인 기능들을 가지고 있는 것 같습니다.

강사님 소스에서 사용하시려면 loader들도 버전에 맞춰서 다운로드 받아줘야 정상적인 실행이 가능하리라 예상됩니다.

커맨드에서 아래처럼 설치하면 아마 실행 되실것 같습니다.

npm install css-loader@3 file-loader@5 style-loader@1

 

0

hello

답변 감사합니다 :) 그냥 커맨드로 설치하면 최신버전이라 그랬었던거였군요

0

user

각각의 버전들이 어떻게 맞는지 어디서 확인할 수 있나요?

0

hello

웹팩 버전은 4였는데 npm i webpack@5 로

웹팩 버전 업그레이드 하니 에러는 안나고 잘 됩니다.

버전 문제였나보네요..

0

jeonghwan

해결하셨다니 다행입니다.

여러 가지 개발 도구를 사용하다보니 버전에 민감한 편입니다. 강의도 웹팩 4 기준으로 제작되어서 안맞는 부분이 생길수 있는데요. 뭐가 잘 안될때는 버전 체크 한 번 해주세요.

지금 시점에서 해당 강의를 듣는 것에 대하여

1

111

3

2025년 기준 번들러 트렌드와 선택 기준이 궁금합니다 (Webpack, Vite, tsup 등)

1

223

1

에러 해결 공유드립니다

1

224

2

webpack 4 버전과 호환되는 플러그인 버전 공유드립니다

1

233

2

eslint

0

380

3

도와주세요!

0

167

2

[수강 중 트러블슈팅 공유] webpack, webpack-cli 버전

1

145

1

질문 an error occurred while loading the image

1

469

1

webpack에서 babel-loader 사용할때 질문

1

150

1

자주 사용하는 플러그인 에서 질문이 있습니다.

1

168

1

eslint no-extra-semi 관련 질문

1

143

1

webpack5 에서 open index.html하는법 + 질문

1

167

1

TypeError: ((process.env.NODE_ENV === "production") && [MiniCssExtractPlugin]) is not iterable

2

302

1

혹시 웹팩 5 내용으로 강의 업데이트는 안되는건가요?

1

371

1

에러없이 png안뜨시는 분들

1

274

1

Error: Cannot find module 'node:crypto'

1

464

1

DefinePlugin 관련; env와 관련하여, (21.06.22 16:15, aloha_jh) 답변포함

1

406

1

깃허브 확인 문의

0

575

1

폴더를 prettier로 돌렸을 때 나오는 에러 구문에 대한 질문

0

405

1

해쉬값과 캐쉬 갱신

1

461

1

Hash 에러 발생

1

2667

2

webpack.config.js에서의 CommonJS방식에 대한 질문

0

831

3

웹팩 버전

0

524

1

웹팩-cli 버전을 명시하지 않으면 왜 에러가 날까요?

0

484

1