vue3 eslint The template root requires exactly one element問題

vue項目中手動引入eslint

npm install eslint --save-dev

eslint初始化

?npx eslint --init ?

?

運行時npm run lint 簡單語法問題--fix會自動修復

但是vue3項目出現只能有一個根節點的問題

原因在于?eslintrc.js里extends中plugin:vue/essential的問題

看eslint-plugin-vue官網發現User Guide | eslint-plugin-vue

?

?

extend plugin:vue對應的是eslint-plugin-vue的configs里面的內容!

essential實際對應的是vue2的

可以選用vue3的三個規則,基礎的 推薦的 強烈推薦的

例如

?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/247210.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/247210.shtml
英文地址,請注明出處:http://en.pswp.cn/news/247210.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

你所知道的學習方法,都是錯的!

你所知道的學習方法,都是錯的! 上課的時候記筆記?哪門功課不行,就集中精力專項突擊?自習的時候不要晃,選好一個地兒安安穩穩地待那兒學習?你還在這樣學習嗎?不要被騙了:這…

BZOJ 1683.City skyline 城市地平線

傳送門 從左到右掃一遍,考慮什么時候會和之前形成同一幢房子從而不用統計 顯然是當前的高度和之前某個點高度相同,并且它們之間沒有更矮的建筑 考慮用一個單調棧維護一個單調上升的房子輪廓,然后對于掃到的每一個高度,看看棧里有沒…

Vue3 eslint 編譯器宏和 defineProps,defineEmits,no-undef 規則警告

.eslintrc.js修改 定義全局globals module.exports {globals: {defineProps: readonly,defineEmits: readonly,defineExpose: readonly,withDefaults: readonly},env: {browser: true,es2021: true},extends: [plugin:vue/vue3-strongly-recommended, standard],parserOptio…

Java生鮮電商平臺-SpringCloud微服務開發中的數據架構設計實戰精講

Java生鮮電商平臺-SpringCloud微服務開發中的數據架構設計實戰精講 Java生鮮電商平臺: 微服務是當前非常流行的技術框架,通過服務的小型化、原子化以及分布式架構的彈性伸縮和高可用性,可以實現業務之間的松耦合、業務的靈活調整組合以及系統的高可用性…

JS兩個對象數組過濾掉相同的對象

let arr1 [{uid:1,name:張三},{uid:2,name:李四}]; let arr2 [{id:1,name:張三},{id:2,name:王五,age:23},{id:3,name:羅翔}]; 去掉arr2中包含的arr1相同name的對象: //ES6的方法,得到新數組 const newArr arr2.filter((item) > {return !arr1.some(ele>…

亞倫?斯沃茨:提升時間的品質

亞倫?斯沃茨:提升時間的品質 不休不眠地工作是低效的,怎樣發揮時間的最大效率? 伏維閣主 2013-01-18 16:45圖片來源:personalitytutor.com (亞倫?斯沃茨Aaron Swartz / 文)《 怎樣有效利用時間 》中給出的…

useEffect中使用異步函數

useEffect是不能直接用 async await 語法糖的 /* 錯誤用法 ,effect不支持直接 async await*/useEffect(async ()>{/* 請求數據 */const res await getData()},[]) useEffect 的回調參數返回的是一個清除副作用的 clean-up 函數。因此無法返回 Promise&#xf…

Flex4_HttpService組件

1、在JavaWeb項目中新建Servlet(FlexLoginServelt) : public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {response.setContentType("text/html");response.setContentType("text…

想要提高記憶力?做夢去吧!

想要提高記憶力?做夢去吧! 豆豆助 2010-11-26 11:47經驗說:不好好學習,就知道睡覺 實驗說:要想記憶好,睡覺不能少。做夢可以增強我們的記憶。 有沒有辦法能讓人不費吹灰之力增強記憶力? 做夢吧你…

This beta version of Typora is expired, please download and install a newer version. 解決方案

原文鏈接:https://blog.csdn.net/yyywxk/article/details/125133205 問題描述 今日打開 Typora 軟件時,突然報錯,提示軟件版本已過期,需要安裝新版本,如下圖所示。 關閉錯誤提示框后會自動跳轉到:https://…

MySQL查詢count(*)、count(1)、count(field)的區別收集

count(*)對行的數目進行計算,包含NULLcount(column)對特定的列的值具有的行數進行計算,不包含NULL值。 count()還有一種使用方式,count(1)這個用法和count(*)的結果是一樣的。 任何情況下select count(*) from tablename是最優選擇&#xff1…

真想學習?扔掉你詳細的計劃吧!

真想學習?扔掉你詳細的計劃吧! 該不該定個計劃?詳細的計劃確實可以更高效,也許可以將你減肥的速度加快一倍。但是如果想學習,還是扔掉詳細的計劃吧!因為它會占用你太多的認知資源,只顧著悶頭做事…

Swift中文件和圖片上傳處理

前言:基于Alamofire4.5網絡框架開發的Swift項目中上傳文件和圖片代碼參考。 上傳文件 extension HttpRequestService {typealias UploadDoneBlock (_ dict:[String : Any]) -> Void//成功blockfunc uploadEcgFileWithGatherRecord(model :RecordModel, fileName…

下載各種在線視頻及字幕

1. http://en.savefrom.net/ 支持30多個有名的網頁呢 ,YouTube等等 Supported resourcesHow to use?filefactory.comsendspace.com youtube.commetacafe.combreak.comdailymotion.comvimeo.comsevenload.commail.rusmotri.comyandex.rurambler.rutvigle.ruintv.ru…

React Icons

發現一個Icon庫,分享下哈; 使用React-Icons輕松地在React項目中包含流行圖標,它利用es6導入,允許只包含項目正在使用的圖標。 Installation (for standard modern project) npm install react-icons --save Usage import { FaBeer } from react-ico…

對flex深入研究一點

flex頂層設計 1.在任何流動的方向上(包括上下左右)都能進行良好的布局 2.可以以逆序 或者 以任意順序排列布局 3.可以線性的沿著主軸一字排開 或者 沿著側軸換行排列 4.可以彈性的在任意的容器中伸縮大小 5.可以使子元素們在容器主軸方向上 或者 在容器側軸方向上 進行對齊 主軸…

那些你可能還不知道的新發明

The Wello WaterWheel 對世界上六分之一的人來說,取水是個苦活:步行數小時,排隊等待,負重運送。 而花費在這個基本需求上的時間讓許多兒童不得不輟學,讓女人不能負起責任來處理家務或者工作以取得收入。在很多欠發達地…

AntD中Form的input正則校驗:不能輸入空格

什么是正則表達式? 在編寫處理字符串的程序或網頁時,經常有查找符合某些復雜規則的字符串的需要。正則表達式就是用于描述這些規則的工具。換句話說,正則表達式就是記錄文本規則的代碼。 正則test() 方法 定義和用法 test() 方法用于檢測一…

引用數據類型分類

引用類既是自己定義的一個類,后面應用非常廣泛 類的定義格式 創建java文件,與類名相同 public class 類名{ 數據類型 屬性名稱1; 數據類型 屬性名稱2; … } publicclass Phone { /* * 屬性 */ String brand;// 品牌型號 String …

關于英文郵件一些tips

需要寫的英文郵件多了,就覺得很吃力,尤其是當需要經常寫給同一個人時。希望郵件的開頭、結尾、一些客套的話能有不同的表達~~ 郵件的開頭:感謝讀者是郵件開場白的好辦法。感謝您的讀者能讓對方感到高興,特別是之后你有事相求的情…