Express无法加载NPM安装的Bootstrap JS，但可通过直接链接访问

针对你遇到的Bootstrap JS文件在页面中处于pending状态但直接访问可正常获取的问题，可按以下步骤排查：

1. 确认目标文件是否存在且完整 #

你直接访问的是bootstrap.min.js，但页面中引入的是未压缩的bootstrap.bundle.js。先检查node_modules/bootstrap/dist/js/目录下是否存在该文件，同时打开文件确认内容是否完整——若文件为空或损坏，可能导致浏览器加载时卡住。

2. 替换为压缩版Bundle文件 #

将页面中的JS引入路径改为压缩版：

<script defer src="/bootstrap/js/bootstrap.bundle.min.js"></script>

由于你直接访问bootstrap.min.js正常，压缩版的bundle文件大概率能正常加载，可先验证这一点。

3. 清除浏览器缓存或强制刷新 #

浏览器缓存异常可能导致请求卡住：

• 按下Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac）强制刷新页面
• 打开开发者工具的「网络」面板，勾选「禁用缓存」选项后重新加载页面

4. 排查页面其他脚本的阻塞影响 #

如果页面中存在其他同步执行的脚本，可能会延迟defer脚本的加载。暂时移除页面中其他自定义脚本，只保留Bootstrap的JS引入，观察是否能正常加载。

5. 验证Express静态托管路径的正确性 #

在Express代码中添加日志，确认静态托管的目标路径是否正确：

const bootstrapPath = path.join(__dirname, 'node_modules/bootstrap/dist/');
console.log('Bootstrap静态托管路径:', bootstrapPath);
app.use('/bootstrap', express.static(bootstrapPath));

运行应用后查看控制台输出的路径，确认该路径下确实包含js/bootstrap.bundle.js文件。

6. 检查文件读取权限（仅Linux/macOS环境） #

若系统为Linux或macOS，确保bootstrap.bundle.js文件具备可读权限：

chmod 644 node_modules/bootstrap/dist/js/bootstrap.bundle.js

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