vite项目使用tailwind热更新无效

今天试着创建一个vite项目,同时使用tailwind这个css库,但在使用的时候发现样式不能热更新,得npm run dev一次之后才起作用,重新看过文档后确定整个引入步骤没有问题。

  • 正常的话会同时热更新index.css文件
  • 不正常的状态

请教了另一个朋友,朋友也试着创建了一个demo,但一切正常。便让朋友把他的demo发给我运行,也正常,然而我把他demo里的文件一个一个替换掉我的文件,我创建的项目依旧不能正常热更新。
考虑到电脑刚重装了系统,起初以为会是电脑的问题,等下班回家后在自己的电脑上又试了一次,发现问题依旧,突然想起朋友是用的mac,便自己也拿mac试了一次,果然一切正常。把mac创建的项目复制到台式机上一样正常运行。
难不成项目的生成还看出生环境决定属性了?

经过多番实验,最终发现了问题所在:
原来创建项目时所在的文件夹是随手右键生成的新建文件夹,如果在不改名的情况下在里面创建项目,就会复现热更新失败的问题。
但凡把文件夹改个名字,都不会出现问题。

至此问题解决了。

以后起文件夹后一定要先改名字,最好用英文,避免出现奇奇怪怪的问题。
以后起文件夹后一定要先改名字,最好用英文,避免出现奇奇怪怪的问题。
以后起文件夹后一定要先改名字,最好用英文,避免出现奇奇怪怪的问题。

posted @ 2022-04-25 21:09  干饭熊猫人  阅读(2228)  评论(0)    收藏  举报