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"],
  },
}

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

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。