这是一个头疼的问题,我是使用 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"],
},
}
当然,这只是忽略提醒的办法,你也可以把它下载下来变成真实存在的模块,只是打包时可能会有些大。