使用Hbuilder打包h5网页的详细流程以及解决Uncaught SyntaxError: Unexpected token ‘＜‘问题

最新推荐文章于 2024-07-17 15:29:04 发布
最新推荐文章于 2024-07-17 15:29:04 发布
阅读量1.3k 收藏 3
点赞数 7
文章标签： 前端 javascript uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DK848/article/details/136871746
版权

仅仅发表个人所碰到的问题和解决方案

使用Hbuilder打包很简单

第一步点击 —>发行

第二步点击 —>网站-PC Web或手机H5（仅适用于uni-app）

第三步—>第二步结束之后直接点击发布即可

点击完发行之后等待一会就通知你的打包成功的包在哪里了

直接找到这个包去部署就可以了

需要注意提前配置manifest.json文件，一般情况下只需要选择history模式就可以了

如果需要特殊配置的话就将其余字符串按照示例给到运行的基础文件就可以了

分析 Uncaught SyntaxError: Unexpected token '<'

看到这个错误一般情况先认为的都是多写了一个'<'，其实并不是而是打包的配置上出现了问题，例如线上的端口是  http://XXXXXXX.com这种情况下就不用去在history下面去填写任何东西，如果后面跟着其他路径的话就需要在运行的基础路径中填写相对应的路径

线下跑没问题的，然后部署到服务器上之后出现

类似的这种问题，那就是访问的权限没给够，需要在面板或者服务器上进行其他的配置

G_shenren
关注
  • 7
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
nginx部署uniapp项目,history模式,打开页面空白,报错：Uncaught SyntaxError: Unexpected token ‘＜‘
mashangzhifu的博客
07-03 8258
一、问题描述 nginx部署uniapp项目,history模式,打开页面空白,报错：Uncaught SyntaxError: Unexpected token ‘<’ 这种方式基本上就是配置错了导致的。 二、解决方法 下面我就讲一下我的解决方法吧，步骤如下： H5配置这里需要注意下，我这里选的是history，然后在运行路径哪里填了个路径，tk，后面会用到，他这里说明了，如果填的是./，默认就是hash模式，在路由模式哪里选择history，没有用，这两者打包出来之后，最明显的效果就是，has
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
HBuilder打包Web网址
05-25
HBuilder打包Web网址
HBuilderX打包流程(H5)？HBuilder如何发布前端H5应用？前端开发怎样打包发布uniapp项目为h5？
最新发布
南北极之间
07-17 1663
我们用的是宝塔直接部署，每次直接把这个文件夹上传到宝塔后，直接替换掉原来的h5文件夹即可。新页面立刻就能通过域名访问到。我这里是把这个文件夹打包了，这样方便上传到服务器，传上去之后再解压即可，然后把名字改成h5就好了。按照打包后的路径，找到打包好的文件夹，把文件夹里的内容，上传到服务器上去部署即可。2、面板里的所有信息都可以不填，也不用勾选==》直接点击【发行】即可。我们需要的就是这个【web】文件夹里的内容。
uniapp打包H5 空白页面 报错 Uncaught SyntaxError: Unexpected token ‘＜‘
lq099526的专栏
06-10 4816
uniapp打包H5 空白页面 报错 Uncaught SyntaxError: Unexpected token '
HBuilderX打包流程(H5)
为千万同胞少走弯路而写文！！！
12-05 6875
HBuilderX打包H5端流程，前端打包操作以及后端操作！
Hbuilder-h5打包APP
weixin_42172723的博客
01-30 1977
1、首先新建h5项目2、将vue打包到dist后复制到该项目3、还需要做好配置，如下：(1)将原先的程序改静态文件路径(2)路由(3)增加退出的动作<script type="text/javascript" charset="UTF-8">//取消浏览器的所有事件，使得active的样式在手机上正常生效doc...
Hbuilder打包html5 app页面
qq_37291064的博客
03-18 3042
1、新建移动App，选择Hello H5+实例模板。 2、新建后，在manifest.json(这里下方有多个tab项设置，此处为应用信息)里面修改需要生成的h5页面路径，可以使用本地文件，也可以使用上线的链接。 3、图标设置、启动图设置等。 4、在目录右键----&gt;发行----&gt;发行为原生安装包。 5、在弹出的窗体里，可以选择IOS打包，也可以选择Android打包。首先，看IOS是...
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router...页面全白,console打印:Uncaught SyntaxError:Unexpected token < 报错截图: 经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Hbuilder打包app的方法
10-27
HBuilder打包App方法 HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写，也可以将已经编写好的项目代码打包为手机APP。 HBuilder提供的打包有云端打包和本地打包两种，云端打包的特点是DCloud官方配置好了原生的打包环境，可以把HTML等文件编译为原生安装包。这里面有具体的操作步骤  
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
HBuilderX打包 H5
Java&Develop的博客
02-15 9622
1.第一步获取appID 2.第二步，更改 地址为线上地址，下图这两个文件里的地址 3.第三步 点击图中圈的，打包
解决 Uncaught SyntaxError: Unexpected token ‘＜‘ 解决方法
weixin_42504805的博客
02-20 8927
问题：在vue项目中引入静态资源，放在public文件夹里使用。
Hbuilder打包安卓H5-APP，APP与程序分离，更新无需重新打包
一切如你的博客
10-24 3277
Hbuilder打包安卓H5-APP，将自己的APP与程序分离，在服务器上更新APP的代码，apk无需重新打包
Hbuilder打包项目为h5
小废物
11-09 417
修改 web 配置下的 页面标题、路由模式、运行的基础路径。
Uncaught SyntaxError: Unexpected token ‘＜‘错误原因
aitangzhe的博客
04-25 2553
在做东西的时候，踩到了一个坑，特此记录一下； 问题是登录页面没有样式，并在浏览器的控制台出现了如上图的错误提示，经过排查发现了问题； 第一部分：虽然是警告，其实也是错误提示信息；意思是请求的是stylesheet格式文件，即css样式表，但返回的是text/html格式，即html文档；一开始被我忽略了，导致查找了好久才发现问题所在，所以建议在遇见问题时，对于提示警告信息 都应该看一下； 第二部分和第三部分：错误提示信息，意思是请求的是js文件，返回的也是html文档； 而我出现这种问题的原因是因为我对未.
Uncaught SyntaxError: Unexpected token ＜错误
11-16
Uncaught SyntaxError: Unexpected token ＜错误通常是由于在引入JS文件时，文件路径错误或者文件内容格式错误导致的。常见的解决方法包括： 1.检查文件路径是否正确，确保文件存在且路径正确。 2.检查文件内容格式是否正确，特别是在使用第三方库时，可能会出现格式错误的情况，需要仔细检查。 3.在引入JS文件时，可以使用绝对路径或相对路径，建议使用相对路径，以避免路径错误导致的问题。 以下是一个例子，演示了如何解决Uncaught SyntaxError: Unexpected token ＜错误： ```html <!DOCTYPE html> <html> <head> <title>Uncaught SyntaxError: Unexpected token ＜错误</title> <script type="text/javascript" src="js/jquery.min.js"></script> </head> <body> <h1>Hello World!</h1> </body> </html> ``` 在上面的例子中，我们引入了jQuery库，但是由于文件路径错误，导致出现了Uncaught SyntaxError: Unexpected token ＜错误。我们可以通过检查文件路径，确保文件存在且路径正确，来解决这个问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值