vue如何解決空格和空行報(bào)錯(cuò)的問題
解決空格和空行報(bào)錯(cuò)問題
到build文件夾下面的webpack.base.conf.js文件。

然后打開該文件,找到圖下這段代碼,把他注釋掉。

注釋掉之后,再進(jìn)行頁(yè)面編寫的時(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)文章
使用vue3實(shí)現(xiàn)簡(jiǎn)單的滑塊組件
這篇文章主要給大家介紹一下如何使用vue3實(shí)現(xiàn)簡(jiǎn)單的滑塊組件,文中有詳細(xì)的代碼示例講解,具有一定的參考價(jià)值,感興趣的小伙伴跟著小編一起來看看吧2023-08-08
vuejs2.0實(shí)現(xiàn)分頁(yè)組件使用$emit進(jìn)行事件監(jiān)聽數(shù)據(jù)傳遞的方法
這篇文章主要介紹了vuejs2.0實(shí)現(xiàn)分頁(yè)組件使用$emit進(jìn)行事件監(jiān)聽數(shù)據(jù)傳遞的方法,非常不錯(cuò),具有參考借鑒價(jià)值,,需要的朋友可以參考下2017-02-02
關(guān)于vue的element-ui web端引入高德地圖并獲取經(jīng)緯度
這篇文章主要介紹了關(guān)于vue的element-ui web端引入高德地圖并獲取經(jīng)緯度,高德地圖首先要去申請(qǐng)key和密鑰,文中提供了部分實(shí)現(xiàn)代碼和解決思路,感興趣的朋友可以學(xué)習(xí)一下2023-04-04
Jenkins自動(dòng)化部署Vue項(xiàng)目的方法實(shí)現(xiàn)
本文主要介紹了Jenkins自動(dòng)化部署Vue項(xiàng)目的方法實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04
vue3中關(guān)于路由hash與History的設(shè)置
這篇文章主要介紹了vue3中關(guān)于路由hash與History的設(shè)置方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-08-08
Vue 第三方字體圖標(biāo)引入 Font Awesome的方法
今天小編就為大家分享一篇Vue 第三方字體圖標(biāo)引入 Font Awesome的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
vue項(xiàng)目在安卓低版本機(jī)顯示空白的原因分析(兩種)
本文給大家?guī)韛ue項(xiàng)目在安卓低版本機(jī)顯示空白的原因分析,根據(jù)各自需求給大家?guī)砹藘煞N原因分析,大家可以參考下2018-09-09

