npm live-server修改CSS文件后页面不刷新问题求助

你的问题和当前package.json配置无关，目前的package.json仅声明了live-server依赖，没有自定义服务配置。下面是针对CSS修改后页面不自动刷新的解决方法：

• 检查CSS引入方式：如果HTML里用了@import导入CSS，live-server的CSS热注入功能可能失效，改成<link rel="stylesheet" href="style.css">这种link标签引入。
• 关闭CSS局部注入，强制整页刷新：启动live-server时添加--no-css-inject参数，命令改为：

  npx live-server --no-css-inject
  

  这样CSS文件变化时会触发整页刷新，而不是尝试局部更新样式。
• 验证HTML中CSS路径：确认style.css的引用路径完全正确，虽然终端能检测到文件变化，但路径错误会导致浏览器无法加载新样式。
• 清除浏览器缓存：打开开发者工具（F12），勾选「Disable cache」选项，或者按Ctrl+F5强制刷新页面，避免浏览器使用缓存的旧CSS。
• 升级live-server版本：你当前使用的1.2.2版本可能存在已知的CSS热重载bug，执行npm update live-server升级到最新版本后再测试。

你提供的终端日志： #

PS E:\File\004> npx live-server
Serving "E:\File\004" at http://127.0.0.1:8080
Ready for changes
GET /favicon.ico 404 3.931 ms - 150
CSS change detected E:\File\004\style.css
CSS change detected E:\File\004\style.css

你提供的package.json配置： #

{
  "dependencies": {
    "live-server": "^1.2.2"
  }
}

内容的提问来源于stack exchange，提问作者Abolfazl