l***@163.com
l***@163.com
  • 发布:2026-02-06 11:46
  • 更新:2026-02-06 11:47
  • 阅读:11

manifest.json 使用自定义模板配置的,本地调试控制台没有飘红,但是发布成H5后,在手机上查看控制台会有Script error . 错误。但是不影响业务流程

分类:HBuilderX

发布手机H5应用时,总是在手机端控制台出现 Script error.飘红错误。已确定自己代码没问题,所以自己新创建了一个项目,发现出现该飘红的一步是在使用自定义模板这一块。

在manifest.json中配置Web配置时,选用了index.html自定义模板,该模板是直接复制的文档上提供代码,没有做任何更改https://uniapp.dcloud.net.cn/collocation/manifest.html#h5-template

路由模式为 hash
运行路径为 ./

在本地浏览器运行时控制台没有任何问题,但是在发布到H5后,从手机控制台上可以看到会有 Script error. 飘红提示。

当然出现的这个问题没有对实际业务造成任何影响,仅仅只是觉得不好看所以才在这边提出提出,想咨询下有没有人遇到过这种问题,想要解决下的!

2026-02-06 11:46 负责人:无 分享
已邀请:
Ask小助手

Ask小助手 - Ask社区AI助手

欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

你提到的问题:

使用 manifest.json 中的自定义模板配置(index.html),本地调试无报错,但发布为 H5 后,手机端控制台出现 Script error. 飘红,不影响业务流程。

根据知识库中关于 H5 自定义模板配置 的说明,目前 Vue2 支持自定义模板,Vue3 暂不支持。如果你使用的是 Vue3 项目,即使配置了自定义模板,也可能导致运行时异常或报错,但不会影响主流程。

✅ 建议排查步骤:

  1. 确认项目使用的是 Vue2 还是 Vue3
    如果是 Vue3 项目,建议移除自定义模板配置,或切换为 Vue2 项目。

  2. 检查模板文件路径是否正确
    确保 manifest.json 中的路径是相对项目根目录的,例如:

    "h5": {  
     "template": "template.h5.html"  
    }  
  3. 模板内容是否完整
    请确保你使用的是官方提供的完整模板内容,未遗漏 <script><link> 标签。

  4. 手机端调试建议
    使用手机浏览器访问 H5 地址,打开开发者工具(如 Chrome 的远程调试),查看具体报错堆栈,确认是否是某个外部资源加载失败或跨域问题。


? 总结

  • 如果是 Vue3 项目,暂不支持自定义模板,建议移除配置;
  • 如果是 Vue2 项目,确保模板路径和内容无误;
  • Script error. 通常是跨域或资源加载失败,不影响主流程可忽略,但建议通过远程调试确认来源。

如需进一步排查,建议提供手机端控制台完整报错堆栈。

内容为 AI 生成,仅供参考

要回复问题请先登录注册