구름IDE에서 emitter 사용하는 방법 문의드립니다.

[강지연]

구름IDE에서 vue 프로젝트 생성하면 나타나는 main.js에 mitt를 사용하기 위해  다음과 같이 ">>"가 있는 라인을 추가하면 아래와 같은 콘솔 에러가 발생하는데요,

[main.js]

import Vue from 'vue'
import App from './App.vue'
>> import mitt from 'mitt'

>> let emitter=mitt();

Vue.config.productionTip = false
>> Vue.config.globalProperties.emitter = emitter;

new Vue({
render: function (h) { return h(App) },
}).$mount('#app')

 

[Console Error]

Uncaught TypeError: Cannot set properties of undefined (setting 'emitter')
at eval (main.js?56d7:8:1)
at Module../src/main.js (app.js:1348:1)
at __webpack_require__ (app.js:849:30)
at fn (app.js:151:20)
at Object.1 (app.js:1361:18)
at __webpack_require__ (app.js:849:30)
at checkDeferredModules (app.js:46:23)
at app.js:925:18
at app.js:928:10

 

강의에서 본 것처럼 creatApp이 없어서 그런것인지, 아니면 다른 원인이 있는지 궁금합니다. 또 이 상태에서도 emitter를 사용할 수 있는 방법이 있는지도 알고 싶습니다

 

[강지연]

vue 버전이 2.6.14로 확인됩니다.

아마 mitt 대신 event bus를 써야 하는가보죠? 

혹시 vue2.x 에서도 mitt를 사용할 수 있는 방법은 없겠죠? ㅎㅎ

[codingapple]

안써봤는데 거기선 버스쓰면 됩니다 버스가 더 쉽습니다 

[글쓴이]

글