vue中的嚴格模式如何取消
如何取消嚴格模式
做項目當中如果遇到以下這種報錯:
解決辦法
1.vue cli4項目中會有單獨的一個eslintrc.js文件,這個js文件里面就是代碼規(guī)范的配置項,你可以嘗試注釋掉’@vue/standard’, 即關(guān)閉Eslint語法規(guī)范
// ‘@vue/standard'
重啟項目npm run serve即可。
2.找到vue.config.js,如果沒有你可以自己新建一個,里面配置以下內(nèi)容,
lintOnSave: false, devServer: { overlay: { warning: false, errors: false } },
重啟項目npm run serve即可。
這個配置添加之后可以說徹底關(guān)閉eslint,不會再有任何的報錯。
3.在項目中有另外一個js配置文件setting.js,里面的 lintOnSave: true,
所以在vue.config.js配置的無效
4.找到setting.js,修改成 lintOnSave: false,
所以你也可以全局搜索一下 lintOnSave這個配置屬性,找到這句在哪里,把它修改為false就徹底關(guān)閉了eslint檢測,如果沒有找到lintOnSave可以參考第二步
取消嚴格模式,去除格式警告
我們?nèi)粘T趯憊ue代碼的時候,會遇到很多警告信息,這是因為我們在創(chuàng)建代碼的時候一直寫yes,或者敲回車,也就是默認安裝了eslint的嚴格模式。
在運行測試的時候,會出現(xiàn)很多警告和錯誤,頁面顯示會變得十分麻煩,如果習慣了就可以養(yǎng)成很好的代碼習慣。
那么如何去除這些警告呢,關(guān)閉嚴格模式,只要在build文件夾下的webpack.base.conf.js中的…(config.dev.useEslint ? [createLintingRule()] : []),注釋掉,然后重新啟動項目即可。
注意:注釋后一定要記得重新跑一項目,不然依舊會按照原規(guī)則來。
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue.js實現(xiàn)開發(fā)購物車功能的方法詳解
這篇文章主要介紹了Vue.js實現(xiàn)開發(fā)購物車功能的方法,結(jié)合實例形式分析了基于vue.js開發(fā)的購物車功能相關(guān)操作步驟與實現(xiàn)技巧,需要的朋友可以參考下2019-02-02Vue封裝一個Tabbar組件?帶組件路由跳轉(zhuǎn)方式
這篇文章主要介紹了Vue封裝一個Tabbar組件?帶組件路由跳轉(zhuǎn)方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-04-04使用VUE+iView+.Net Core上傳圖片的方法示例
這篇文章主要介紹了使用VUE+iView+.Net Core上傳圖片的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-01-01如何優(yōu)雅地在vue中添加權(quán)限控制示例詳解
這篇文章主要給大家介紹了關(guān)于如何優(yōu)雅地在vue中添加權(quán)限控制的相關(guān)資料,文中通過示例代碼以及圖文介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2019-03-03