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,并没有成效
最后在一个外网论坛上看到了解决办法。

由于windi.css模块是虚拟模块,他并不真的存在于你的项目文件中,所以在检索时并没有找到它,eslint就会报错了。
奇怪的是这种现象只在vue3+vue-cli+ts项目中出现,有大神知道为什么嘛?
解决办法
如上图所示,在你的.eslintrc.js 文件中添加
module.exports = {
settings: {
"import/core-modules": ["windi.css"],
},
}
当然,这只是忽略提醒的办法,你也可以把它下载下来变成真实存在的模块,只是打包时可能会有些大。
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
利用vue3自己实现计数功能组件封装实例
组件(Component) 是Vue.js最强大的功能之一,组件可以扩展 HTML 元素,封装可重用的代码,这篇文章主要给大家介绍了关于利用vue3自己实现计数功能组件封装的相关资料,需要的朋友可以参考下
2021-09-09
vue实现flv格式视频播放效果
这篇文章主要介绍了vue实现flv格式视频播放,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2023-07-07
vue3如何将通用组件注册成全局组件
这篇文章主要介绍了vue3将通用组件注册成全局组件的方法,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2023-08-08
vue2.0模拟锚点的实例
下面小编就为大家分享一篇vue2.0模拟锚点的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
2018-03-03
Vue实现步骤条效果
这篇文章主要为大家详细介绍了Vue实现步骤条效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
2022-03-03
el-date-picker默认结束为当前时分秒的操作方法
在element ui中的日期时间选择组件中默认是00:00,现在需求是点击默认结束时间为当前时分秒,查了很多资料写的都不准确 ,今天给大家分享el-date-picker默认结束为当前时分秒的操作方法,感兴趣的朋友一起看看吧
2024-01-01
茶余饭后聊聊Vue3.0响应式数据那些事儿
这篇文章主要介绍了茶余饭后聊聊Vue3.0响应式数据那些事儿,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2019-10-10
最新评论