js.ejs静态资源加载报404错误,请求排查文件结构或引用问题
404资源加载失败问题求助
控制台报错:Failed to load resource: the server responded with a status of 404 (Not Found),我怀疑是文件结构错误或者资源引用的路径/文件名不对,相关配置和代码如下:
app.js 配置代码
app.use( "/sb-admin-2", express.static(path.join(__dirname, "node_modules/startbootstrap-sb-admin-2")) );
js.ejs 页面代码
<html> <body> <!-- Bootstrap core JavaScript--> <script src="/sb-admin-2/vendor/jquery/jquery.min.js"></script> <script src="/sb-admin-2/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- Core plugin JavaScript--> <script src="/sb-admin-2/vendor/jquery-easing/jquery.easing.min.js"></script> <!-- Custom scripts for all pages--> <script src="/sb-admin-2/js/sb-admin-2.min.js"></script> <!-- Page level plugins --> <script src="/sb-admin-2/vendor/datatables/jquery.dataTables.min.js"></script> <script src="/sb-admin-2/vendor/datatables/dataTables.bootstrap4.min.js"></script> <!-- Page level custom scripts --> <script src="/sb-admin-2/js/demo/datatables-demo.js"></script> </body> </html>
排查建议
- 核对
node_modules/startbootstrap-sb-admin-2的目录结构,确认你引用的文件路径是否真实存在,比如vendor/jquery/jquery.min.js、js/sb-admin-2.min.js这些文件有没有 - 在app.js里打印
path.join(__dirname, "node_modules/startbootstrap-sb-admin-2")的结果,验证这个路径是否指向了正确的静态资源目录 - 注意文件名大小写,部分系统(如Linux)对文件名大小写敏感,要保证引用的文件名和实际文件完全一致
- 直接在浏览器地址栏输入资源的完整URL(比如
http://你的服务器地址/sb-admin-2/vendor/jquery/jquery.min.js),查看具体错误信息,便于定位问题
内容的提问来源于stack exchange,提问作者Adni Mustofa
相关产品推荐
相关产品推荐

