如何在HTML中添加本地与在线脚本？本地脚本加载失败排查

核心原因：路径指定错误 #

你遇到的问题本质是本地脚本的相对路径没有匹配HTML文件的实际位置：

• 你写的src/assets/noty/jquery.noty.min.js是相对路径，浏览器会从当前HTML文件所在的目录出发去查找这个文件。如果你的HTML文件不在项目根目录（比如放在public、dist这类输出目录），那浏览器会尝试从HTML目录下找src文件夹，自然找不到，就会把这个路径当成绝对URL去请求，导致加载失败。

修正路径的两种方案 #

• 方案1：使用正确的相对路径
  先确认HTML文件和本地JS文件的层级关系：
  比如HTML在public/index.html，JS在项目根目录的src/assets/noty/jquery.noty.min.js，那路径要写成../src/assets/noty/jquery.noty.min.js（../表示往上跳一级目录）。
• 方案2：使用服务器根目录的绝对路径
  把本地JS文件放到服务器可访问的静态资源目录（比如public/assets/noty/），然后路径写成/assets/noty/jquery.noty.min.js（开头的/表示从网站的根目录出发查找）。

关于“本地文件关键字” #

不存在专门指定本地文件的关键字，本地脚本只需要用相对路径或服务器根目录绝对路径即可，不需要额外标识。

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