Vue3에서 jQuery를 사용해야하는 상황이 생겨 install했는데 " '$' is not defined no-undef " 오류가 발생했습니다.

Question

안녕하세요.저희 회사에서 서비스하고 있는 소스에서퍼블리셔분께서 &#34;jQueryRotateCompressed.js&#34;를 사용해서룰렛을 돌리는 퍼블을 전달해주셨습니다vue에서는 jQuery를 권장하지 않아서 해당 js는 사용하지 않고javascript로 이미지의 각도를 돌려서 룰렛이 돌아가는 거처럼 했습니다이슈가 생겨 jQuery를 사용해야할거 같습니다참고링크보고 소스를 아래와 같이 수정했습니다-- main.jsimport App from './App.vue' import jQuery from 'jquery' const app &#61; createApp(App); ..... global.$ &#61; jQuery-- packaage.json&#34;devDependencies&#34; : { ....... &#34;eslint&#34;: &#34;^7.32.0&#34;, &#34;eslint-plugin-vue&#34;: &#34;^8.0.3&#34; }, &#34;eslintConfig&#34;: { &#34;root&#34;: true, &#34;env&#34;: { &#34;node&#34;: true }, &#34;extends&#34;: [ &#34;plugin:vue/vue3-essential&#34;, &#34;eslint:recommended&#34; ], &#34;parserOptions&#34;: { &#34;parser&#34;: &#34;&#64;babel/eslint-parser&#34; }, &#34;rules&#34;: { &#34;no-mixed-spaces-and-tabs&#34;: 0 }, &#34;globals&#34;: { &#34;todoEventBus&#34;: &#34;readable&#34; } }이렇게 작성했습니다.그리고 &#34;run serve&#34;명령어로 로컬에서 돌려봤는데&#34;'$' is not defined no-undef&#34; 오류가 발생하네요;;어느 부분을 수정해야하는지 문의드립니다.

스프라이트마시쪙 · Answer

도움이 될지 모르겠지만 참고하시면 좋을꺼 같아서 올려볼게요https://stackoverflow.com/questions/53355086/add-jquery-to-vue-cli-3참고로 저같은 경우는 지역 컴포넌트에서 jquery 사용할 경우에 import jQuery from 'jquery';const $ = jQuery;window.$ = $; 이렇게 선언하고 작업 진행 합니다.

yeori · Answer

registering jquery globally in vue...로 구글링으로 검색하시면 설정 방법이 많이 나옵니다. 번들러가 vite인지 webpack인지 키워드 잘 붙이시면 문서 많이 나옵니다.

Vue3에서 jQuery를 사용해야하는 상황이 생겨 install했는데 " '$' is not defined no-undef " 오류가 발생했습니다.

2개의 답변

Q&A 목록