解決vue專案eslint校驗 Do not use 'new' for side effects 的兩種方法
阿新 • • 發佈:2018-12-18
import Vue from 'vue' import App from './App.vue' import router from './router' new Vue({ el: '#app', render: h => h(App), router })
當使用eslint校驗執行上面這段程式碼時(該程式碼在src/main.js檔案中),會報錯
✘ http://eslint.org/docs/rules/no-new Do not use 'new' for side effects
src/main.js:8:1
new Vue({
兩種方法解決該問題:
方法一:定義一個變數xxx(可為任意值)接收新建立的Vue
let xxx = new Vue({ el: '#app', render: h => h(App), router }) Vue.use({ xxx })
方法二:在new Vue的上方新增一行注視,讓eslint不檢查"no-new"
import Vue from 'vue' import App from './App.vue' import router from './router' /* eslint-disable no-new */ new Vue({ el: '#app', render: h => h(App), router })
參考部落格及評論
https://www.cnblogs.com/xzma/p/7727412.html