向HTML文件引入CSS/JS文件失败,请求路径问题排查
解决HTML引入CSS/JS无效的路径排查方案
从你提供的文件布局图来看,结构大概是这样:
根目录/ ├─ assets/ │ ├─ css/ │ │ └─ ud-styles.css │ └─ js/ └─ pages/ └─ 你的目标HTML文件.html
先确认相对路径的层级匹配:
你用的../assets/css/ud-styles.css路径逻辑是对的,但如果还是无效,试试换根路径写法:把路径改成/assets/css/ud-styles.css(开头加斜杠,直接从网站根目录开始查找),这种写法不会受HTML文件所在目录影响,能快速验证文件是否可访问。检查文件名大小写:
要是你用的是Linux或类Linux服务器,文件名和文件夹名是区分大小写的,比如别把Assets写成assets,UD-Styles.css写成ud-styles.css,必须完全一致。直接验证文件可用性:
在浏览器地址栏输入文件的完整访问地址(比如本地开发的话就是http://localhost:端口号/assets/css/ud-styles.css),如果能看到CSS文件的代码,说明路径没问题,大概率是HTML里的引入标签写错了;如果打不开,说明文件位置不对或者服务器配置有问题。核对引入标签语法:
CSS引入要确保标签完整:<link rel="stylesheet" href="../assets/css/ud-styles.css">JS引入也要注意标签格式:
<script src="../assets/js/你的JS文件名.js"></script>别漏写
rel="stylesheet"这类必要属性,标签也别写错。
内容的提问来源于stack exchange,提问作者Xie
相关产品推荐
相关产品推荐

