vue3使用vue-cli引入windicss報錯Can‘t resolve windi.css問題
這是一個頭疼的問題
我是使用 vue add windicss 安裝windicss的,但是它總是報錯,找不到‘windi.css' 模塊
這個引入的,甚至不是我自己寫進(jìn)main.js的,而是下載時自動引入的,但依然反復(fù)報這個錯。
我很頭大,更頭大的是并沒有搜索到解決辦法
我嘗試更換版本也沒有解決,又換了webpack去安裝windicss,并沒有成效
最后在一個外網(wǎng)論壇上看到了解決辦法。
由于windi.css模塊是虛擬模塊,他并不真的存在于你的項目文件中,所以在檢索時并沒有找到它,eslint就會報錯了。
奇怪的是這種現(xiàn)象只在vue3+vue-cli+ts項目中出現(xiàn),有大神知道為什么嘛?
解決辦法
如上圖所示,在你的.eslintrc.js 文件中添加
module.exports = { settings: { "import/core-modules": ["windi.css"], }, }
當(dāng)然,這只是忽略提醒的辦法,你也可以把它下載下來變成真實(shí)存在的模塊,只是打包時可能會有些大。
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
解決vue 給window添加和移除resize事件遇到的坑
這篇文章主要介紹了解決vue 給window添加和移除resize事件遇到的坑,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07Vue程序化的事件監(jiān)聽器(實(shí)例方案詳解)
本文通過兩種方案給大家介紹了Vue程序化的事件監(jiān)聽器,每種方案通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2020-01-01vue2.0+vue-router構(gòu)建一個簡單的列表頁的示例代碼
這篇文章主要介紹了vue2.0+vue-router構(gòu)建一個簡單的列表頁的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-02-02Vue3使用hooks函數(shù)實(shí)現(xiàn)代碼復(fù)用詳解
這篇文章主要介紹了Vue3使用hooks函數(shù)實(shí)現(xiàn)代碼復(fù)用詳解,Vue3的hook函數(shù)可以幫助我們提高代碼的復(fù)用性,?讓我們能在不同的組件中都利用hooks函數(shù)2022-06-06ElementUI實(shí)現(xiàn)在下拉列表里面進(jìn)行搜索功能詳解
有時候需要用到下拉列表全選和搜索,下面這篇文章主要給大家介紹了關(guān)于ElementUI實(shí)現(xiàn)在下拉列表里面進(jìn)行搜索功能的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04使用vue實(shí)現(xiàn)多規(guī)格選擇實(shí)例(SKU)
這篇文章主要介紹了使用vue實(shí)現(xiàn)多規(guī)格選擇實(shí)例(SKU),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08Nuxt引入vue-persistedstate以及踩坑記錄
這篇文章主要介紹了Nuxt引入vue-persistedstate以及踩坑記錄,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10