Vue.js

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

Bittersweet- 2022. 1. 20. 12:25
728x90

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,
    //...
  }
}

 

 

'Vue.js' 카테고리의 다른 글

Vue 인스턴스 주요 옵션  (0) 2022.03.22
vue.js 기본 directive  (0) 2022.03.22
vue-carousel with fraction  (0) 2022.03.21
[Error] 'node-sass' version 5.0.0 is incompatible with ^4.0.0  (0) 2022.01.21
[Error] v-for 쓸 때 에러  (0) 2022.01.13