ice rabbit programming

[Vue][에러] TypeError: this.getOptions is not a function 에러 본문

Development/JavaScript

[Vue][에러] TypeError: this.getOptions is not a function 에러

판교토끼 2021. 6. 22. 23:09

vue 앱의 npm 패키지들을 업데이트 하다가, TypeError: this.getOptions is not a function 라는 에러가 발생하는 것을 확인하였다.

찾아보니, sass-loader의 최신 버전이 11인데, 이것은 vue 3.0 이상에서만 동작하는 것이 원인이었다. 일전의 글에서도 언급했듯이, 아직 vuetify 등 UI 프레임워크들이 vue 3.0를 지원하지 않기 때문에(공식 사이트 목표 배포는 2021 3Q이다) 본인은 2.6.12를 아직 사용하고 있다. 그래서 sass-loader를 10 버전을 이용해야 한다.

package.json 혹은 yarn.lock에 씌어 있는 버전을 ^10.0.2로 수정한 후에 npm install / yarn install을 실행하거나, 아예 npm uninstall sass-loader 후에 npm install sass-loader@10 --save 로 다운그레이드 하면 동작한다.