首页 前端知识 vue3使用vue-cli引入windicss报错Can‘t resolve ‘windi.css‘

vue3使用vue-cli引入windicss报错Can‘t resolve ‘windi.css‘

2024-02-02 09:02:28 前端知识 前端哥 268 503 我要收藏

这是一个头疼的问题,我是使用 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"],
  },
}

当然,这只是忽略提醒的办法,你也可以把它下载下来变成真实存在的模块,只是打包时可能会有些大。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/1072.html
评论
发布的文章

Ajax用法总结

2024-02-14 09:02:07

JQuery之jsTree树形插件

2024-02-14 09:02:01

Why React Doesn‘t Need jQuery?

2024-02-14 09:02:00

jQuery模板字符串

2024-02-14 09:02:58

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!