如何在EJS模板引擎中使用script标签？静态JS加载失败求助

基础引入写法 #

EJS模板里引入静态JS的语法和原生HTML完全一致，直接在模板的合适位置添加script标签即可，写法如下：

<script type="text/javascript" src="/js/retailerPage.js"></script>

注：你原代码里的文件名是ratailerPage.js，注意核对实际文件名是否拼写正确，这是最常见的失效原因。

排查JS不生效的核心要点 #

• 路径与文件名校验：确保public目录下存在js/retailerPage.js，服务器静态资源配置（比如Express的app.use(express.static('public'))）正确
• 加载时机调整：如果JS依赖DOM元素，建议将script标签放在</body>标签前，或者添加defer属性延迟加载，避免DOM未渲染完成时JS执行报错：

  <script type="text/javascript" src="/js/retailerPage.js" defer></script>
  

• 代码与缓存排查：打开浏览器控制台（F12）查看Console面板的报错信息，排查JS自身逻辑问题；同时按Ctrl+F5强制刷新清除浏览器缓存

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