[WebOrder] $t 정의 에러, vue-i18n

 

 

내 프로젝트에서 저장 혹은 삭제 등 버튼을 눌렀을 때 갑자기 터지고 실행되지 않는다.

또 뭐가 문제지 ?

 

에러 메시지를 보니 Footer.js 에 문제가 있다.

아 이건 내가 짠 게 아니잖아~?~?~~?

 

 : Vue.js 애플리케이션에서 $t가 정의되지 않았다는 ReferenceError가 발생

 

 

 

상무님이 다국어(국제화) 기능을 추가했는데, 

내 IDE 에서 설정을 하지 않아서 그렇다.

 

vue-i18n이란? vue-i18n은 Vue.js에서 다국어(국제화) 기능을 쉽게 제공할 수 있도록 도와주는 라이브러리입니다. 예: 영어, 한국어, 일본어 등 다양한 언어로 앱을 번역할 수 있게 해줍니다. $t('some.key') 같은 문법을 쓸 수 있게 해줍니다.

 

 

설정을 하지 않으면 $t 를 쓰지 못하는데, Footer에 추가되어 있어서 터지는 것이었다.

 

 

Vue 프로젝트 터미널에서 실행

npm install vue-i18n@11

 

 

다운받으면 해결된다.

 

끝 ^-^