vue如何解決空格和空行報(bào)錯(cuò)的問題
解決空格和空行報(bào)錯(cuò)問題
到build文件夾下面的webpack.base.conf.js文件。
然后打開該文件,找到圖下這段代碼,把他注釋掉。
注釋掉之后,再進(jìn)行頁面編寫的時(shí)候,空格不規(guī)范的情況下也不會(huì)再報(bào)錯(cuò)了。
有的版本的webpack.base.conf.js文件會(huì)如下圖一樣將空格檢測(cè)寫一個(gè)函數(shù)里,然后再module里調(diào)用,這種情況只需注釋掉調(diào)用的那一行代碼即可:
如圖注釋這一行即可
vue出現(xiàn)空格警告的原因
初學(xué)vue自己新建一個(gè)vue項(xiàng)目來做學(xué)習(xí)demo。
不過在編寫代碼時(shí)一直出現(xiàn)空格不規(guī)范的警告。
嚴(yán)重影響初學(xué)者的熱情。
錯(cuò)誤如下圖所示。(這樣的錯(cuò)誤很多,但大概翻譯成中文的意思都是說空格使用不規(guī)范。)
這是因?yàn)槟闶褂?ESLint,用來規(guī)范代碼風(fēng)格的。你的 Webpack 配置中大概是使用了 eslint-loader。
在多人協(xié)作或大項(xiàng)目中推薦使用,不想要就在 webpack.config.js 中去掉。
eslint是語法檢查工具,但限制太過于嚴(yán)格,大部分開發(fā)人員無法適應(yīng),所以產(chǎn)生這個(gè)需求。
解決辦法:
找到build->webpack.base.config.js。注釋或者去掉下圖代碼。
注意只刪除和注釋紅色圈住的代碼。另外這段也可能在不在createLintingRule中,也可能在module.export中。所以建議直接在webpack.base.config.js搜索eslint-loader。最后記得重跑項(xiàng)目。
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue實(shí)現(xiàn)商品列表的添加刪除實(shí)例講解
在本篇內(nèi)容里小編給大家分享的是關(guān)于vue實(shí)現(xiàn)商品列表的添加刪除實(shí)例講解,有興趣的朋友們可以參考下。2020-05-05使用vue-i18n?入口文件配置控制臺(tái)報(bào)警問題解決
這篇文章主要介紹了使用vue-i18n?入口文件配置控制臺(tái)報(bào)警問題解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06Vue使用antd中input組件去驗(yàn)證輸入框輸入內(nèi)容(rules?案例)
這篇文章主要介紹了Vue使用antd中input組件去驗(yàn)證輸入框輸入內(nèi)容-rules-案例,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-06-06Vue源碼學(xué)習(xí)之響應(yīng)式是如何實(shí)現(xiàn)的
最近接觸了vue.js,一度非常好奇vue.js是如何監(jiān)測(cè)數(shù)據(jù)更新并且重新渲染頁面,這篇文章主要給大家介紹了關(guān)于Vue源碼學(xué)習(xí)之響應(yīng)式是如何實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2021-10-10vue3+vite兼容低版本的白屏問題詳解(安卓7/ios11)
這篇文章主要給大家介紹了關(guān)于vue3+vite兼容低版本的白屏問題的相關(guān)資料,還給大家介紹了vue打包項(xiàng)目以后白屏和圖片加載不出來問題的解決方法,需要的朋友可以參考下2022-12-12vue+mockjs模擬數(shù)據(jù)實(shí)現(xiàn)前后端分離開發(fā)的實(shí)例代碼
本篇文章主要介紹了vue+mockjs模擬數(shù)據(jù)實(shí)現(xiàn)前后端分離開發(fā)的實(shí)例代碼,具有一定的參考價(jià)值,有興趣的可以了解一下2017-08-08vue路由警告:Duplicate named routes definition問題
這篇文章主要介紹了vue路由警告:Duplicate named routes definition問題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09