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自己实现计数功能组件封装实例

    利用vue3自己实现计数功能组件封装实例

    组件(Component) 是Vue.js最强大的功能之一,组件可以扩展 HTML 元素,封装可重用的代码,这篇文章主要给大家介绍了关于利用vue3自己实现计数功能组件封装的相关资料,需要的朋友可以参考下
    2021-09-09
  • vue实现flv格式视频播放效果

    vue实现flv格式视频播放效果

    这篇文章主要介绍了vue实现flv格式视频播放,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-07-07
  • vue3如何将通用组件注册成全局组件

    vue3如何将通用组件注册成全局组件

    这篇文章主要介绍了vue3将通用组件注册成全局组件的方法,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-08-08
  • Vue3中配置404路由及懒加载的解决过程

    Vue3中配置404路由及懒加载的解决过程

    这篇文章主要介绍了Vue3中配置404路由及懒加载的解决过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2025-04-04
  • vue2.0模拟锚点的实例

    vue2.0模拟锚点的实例

    下面小编就为大家分享一篇vue2.0模拟锚点的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • Vue实现步骤条效果

    Vue实现步骤条效果

    这篇文章主要为大家详细介绍了Vue实现步骤条效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Vue表单验证 trigger:'blur'OR trigger:'change'区别解析

    Vue表单验证 trigger:'blur'OR trigger:'change&ap

    利用 elementUI 实现表单元素校验时,出现下拉框内容选中后校验不消失的异常校验情形,这篇文章主要介绍了Vue表单验证 trigger:‘blur‘ OR trigger:‘change‘ 区别,需要的朋友可以参考下
    2023-09-09
  • el-date-picker默认结束为当前时分秒的操作方法

    el-date-picker默认结束为当前时分秒的操作方法

    在element ui中的日期时间选择组件中默认是00:00,现在需求是点击默认结束时间为当前时分秒,查了很多资料写的都不准确 ,今天给大家分享el-date-picker默认结束为当前时分秒的操作方法,感兴趣的朋友一起看看吧
    2024-01-01
  • 茶余饭后聊聊Vue3.0响应式数据那些事儿

    茶余饭后聊聊Vue3.0响应式数据那些事儿

    这篇文章主要介绍了茶余饭后聊聊Vue3.0响应式数据那些事儿,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • 基于ant-design-vue实现表格操作按钮组件

    基于ant-design-vue实现表格操作按钮组件

    这篇文章主要为大家介绍了基于ant-design-vue实现表格操作按钮组件示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06

最新评论