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