Vue.js2.x ESLint error Do not use ‘new’ for side effects

2019/7/29 Vue.js

Vue.js2.x 系で ESLint を稼働させたところ以下のエラーが出力されました。

見出し

エラー内容

error  Do not use 'new' for side effects

1	error Do not use 'new' for side effects

new Vue({
  el: 'app',
  template: '<App/>',
  components: { App },
});

new Vue({

el: 'app',

template: '<App/>',

components: { App },

});

const myApp = new Vue({
  template: '<App/>',
  components: { App },
});
myApp.$mount('app');

const myApp = new Vue({

template: '<App/>',

components: { App },

});

myApp.$mount('app');

new を一回constに入れます。constに入れるだけだと別の警告で指摘されるので、面倒ですがマウントを外出ししてやります。

以上でございます。

ESLintの設定は参考サイト様に習いました。