Intellij启用Live Edit时Chrome无法加载Bootstrap的JS/CSS文件（404）求助

我之前开发时也碰到过几乎一模一样的情况，核心问题大概率出在静态资源的路径匹配或者IntelliJ Live Edit的服务器映射规则上，给你拆解几个具体的排查方向和解决步骤：

1. 检查Bootstrap资源的引用路径是否正确 #

首先看你源码里Bootstrap的<link>和<script>标签的href/src属性：

• 如果是本地引入的Bootstrap文件：确认文件是否放在项目的静态资源根目录下（比如Spring Boot项目默认是src/main/resources/static或public；普通Web项目是webapp目录）。要是你把Bootstrap放在了项目外的文件夹，或者路径层级不对（比如代码里写/bootstrap/css/bootstrap.css，但实际文件在static/lib/bootstrap/css/），Live Edit的预览服务器就找不到资源。
• 建议用相对路径或者基于项目根的路径来引用，比如如果Bootstrap在static/bootstrap下，引用路径写成/bootstrap/css/bootstrap.css（注意开头的斜杠对应服务器根路径）。

2. 配置IntelliJ Live Edit的资源映射规则 #

IntelliJ的Live Edit是通过内置服务器提供预览的，要是IDE没把你的静态资源目录正确映射到服务器根路径，就会出现404：

• 打开Run/Debug Configurations（右上角运行按钮旁边的下拉菜单里选Edit Configurations...）
• 找到你的项目配置，切换到Deployment标签
• 检查Local Path和Deployment Path的映射：比如把本地的src/main/resources/static映射到服务器的/路径下（也就是Deployment Path填/）
• 保存配置后重启Live Edit预览

3. 清理缓存（浏览器+IDE） #

有时候缓存会导致路径解析异常：

• 浏览器端：按Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac）强制刷新页面，跳过缓存
• IDE端：点击File -> Invalidate Caches...，选择Invalidate and Restart，清空IntelliJ的缓存后重启

4. 排除CDN引用的网络问题（如果用了CDN） #

要是你是通过CDN引入Bootstrap的，偶尔会因为网络或CDN节点问题导致加载失败：

• 检查CDN链接是否正确（比如Bootstrap官方的CDN链接有没有打错）
• 换个CDN节点试试，或者临时切换成本地文件引入来验证

按照这个顺序排查，基本能解决问题～

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