vue3使用vue-cli引入windicss報錯Can‘t resolve windi.css問題
更新時間：2024年03月07日 09:36:20 作者：進擊的potato
這篇文章主要介紹了vue3使用vue-cli引入windicss報錯Can‘t resolve windi.css問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
這是一個頭疼的問題
我是使用 vue add windicss 安裝windicss的，但是它總是報錯，找不到‘windi.css' 模塊
這個引入的，甚至不是我自己寫進main.js的，而是下載時自動引入的，但依然反復報這個錯。
我很頭大，更頭大的是并沒有搜索到解決辦法
我嘗試更換版本也沒有解決，又換了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"],
},
}當然，這只是忽略提醒的辦法，你也可以把它下載下來變成真實存在的模塊，只是打包時可能會有些大。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
利用vue3自己實現(xiàn)計數(shù)功能組件封裝實例
組件(Component) 是Vue.js最強大的功能之一,組件可以擴展 HTML 元素,封裝可重用的代碼,這篇文章主要給大家介紹了關(guān)于利用vue3自己實現(xiàn)計數(shù)功能組件封裝的相關(guān)資料,需要的朋友可以參考下2021-09-09
這篇文章主要介紹了vue實現(xiàn)flv格式視頻播放,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-07-07
這篇文章主要介紹了vue3將通用組件注冊成全局組件的方法，本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了Vue3中配置404路由及懶加載的解決過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-04-04
下面小編就為大家分享一篇vue2.0模擬錨點的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要為大家詳細介紹了Vue實現(xiàn)步驟條效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
Vue表單驗證?trigger:'blur'OR?trigger:'change&ap
利用?elementUI?實現(xiàn)表單元素校驗時，出現(xiàn)下拉框內(nèi)容選中后校驗不消失的異常校驗情形，這篇文章主要介紹了Vue表單驗證?trigger:‘blur‘?OR?trigger:‘change‘?區(qū)別,需要的朋友可以參考下2023-09-09
el-date-picker默認結(jié)束為當前時分秒的操作方法
在element?ui中的日期時間選擇組件中默認是00:00,現(xiàn)在需求是點擊默認結(jié)束時間為當前時分秒,查了很多資料寫的都不準確?,今天給大家分享el-date-picker默認結(jié)束為當前時分秒的操作方法,感興趣的朋友一起看看吧2024-01-01
茶余飯后聊聊Vue3.0響應式數(shù)據(jù)那些事兒
這篇文章主要介紹了茶余飯后聊聊Vue3.0響應式數(shù)據(jù)那些事兒，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
基于ant-design-vue實現(xiàn)表格操作按鈕組件
這篇文章主要為大家介紹了基于ant-design-vue實現(xiàn)表格操作按鈕組件示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06