[Error] Do not use 'new' for side effects

vue 프로젝트를 생성하고 세팅을 하던 중 새로운 에러가 발생했다.

src/main.js에서 에러가 발생!!

new Vue({
  el:'#app',
  render: h => h(App)
})

new를 쓰지 말랜다.

검색해 봤더니 eslint 때문에 발생하는 현상이란다.

 

제일 간단하게는 new를 그대로 사용하지 않고 변수를 선언하는 방법이 있다.

이 방법으로 나는 해결을 봤으니 더이상의 방법을 찾고 싶지 않았지만.... 후에 이게 아닌 보다 원천적인 해결을 원할 수도 있으니...

var vm = new Vue({router, render: h => h(App)})
vm.$mount('#app')

new를 변수에 선언하지 못하는 상황인 경우, eslint no-new:  "error"을 입력해준다면 해결이 된다고 한다.

(실제로 이 방법을 써봤지만 소용이 없어서 위의 변수 선언 방법을 사용했음)

/* esline-disable no-new */
new Vue({
  el: '#app',
  render: h => h(App),
});

.eslintrc 파일에서 "rules" 섹션에서 no-new에 0을 설정한다. 1로 설정하는 것도 가능하지만 2는 error를 의미하는 거기 때문에 사용 불가.

되는지 확인차 수정해 봣는데 ㅋㅋ 이건 되는 것 확인함.

{
  //...
  "rules": {
    "no-new": 0,
    //...
  }
}