uniapp开发微信小程序Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“

7月前作者：object not found 分类：Toy博客阅读(33) 违法举报

这篇具有很好参考价值的文章主要介绍了uniapp开发微信小程序Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

这个报错之前一直没出现，今天运行代码测试搜索功能时出现的问题，推测是项目之前存储的本地缓存数据被清除，然后初始化读取不到导致的，查阅资料后发现其实是由于JSON.parse无法识别某些特殊字符比如&等特殊符号造成的

资料原文地址uniapp 开发微信小程序出现这个 Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“-pudn.com

原代码

onLoad() {
	this.searchHistoryList = JSON.parse(uni.getStorageSync('searchkeyword') || [])
},

更改后

onLoad() {
	let str = decodeURIComponent(uni.getStorageSync('searchkeyword') || [])
	this.searchHistoryList = JSON.parse(str)
},

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行
文章来源地址https://www.toymoban.com/news/detail-484639.html

到了这里，关于uniapp开发微信小程序Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

uniapp开发微信小程序，出现[微信小程序开发者工具] [error] Error: Fail to open IDE 错误的原因--潘万丁

[微信小程序开发者工具] [error] Error: Fail to open IDE 是因为小程序AppID这里的id有自己以前填写的，现在肯能某种原因无法使用，所以把它清空或天上自己现在能用的即可，我建议为空更好，然后运行微信小程序肯能不会跳出来，这是需要将微信开发者工具关闭完了，在hbuilder

2024年02月16日
浏览(33)
uniapp开发微信小程序之登录

最近开发了一个关于订餐的小程序，记录一下开发过程中运到的问题。小程序登录实现流程：（1）调用微信登录方法获取code （2）后端接口根据code查询该用户是否手机号授权，已绑定openID （3）若绑定过，则直接跳入页面；若没有，则进入授权页面，进行手机号授权（4）

2024年02月15日
浏览(42)
uniapp 开发微信小程序头部适配

在 UniApp 中，在微信小程序开发中，头部适配可以通过修改 pages.json 中的 navigationStyle 配置项来实现，具体操作步骤如下：进入 pages.json 文件在 UniApp 项目的根目录中找到 pages.json 文件，打开该文件。修改 navigationStyle 配置项在 pages.json 文件中，可以为每一个页面单独设置导

2024年02月14日
浏览(28)
uniapp开发微信小程序教程（一）

微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。我们身边的小程序：例如

2024年02月14日
浏览(28)
uniapp开发微信小程序订阅消息

微信发送订阅消息接口文档 1.1、获取模板id及模板字段名称注意点：消息字段的类型是有校验的，充电度数是number类型，则传入的string中不能使用0.00度。则会报错。 2.1、编写消息模板配置文件 2.2、编写订阅消息请求对象 2.3、编写充电开始订阅消息模板对象 2.2.1、DataEntry

2024年02月16日
浏览(42)
uniapp开发微信小程序-2.页面制作

往期文章： uniapp开发微信小程序-1.工具和本地环境 uniapp开发微信小程序-2.页面制作一、项目配置开发层级结构：左侧是基础开发，右侧是uniapp开发。经过对比，我们只需要掌握了vue框架就可以直接开发，通过uniapp运行到微信开发者工具即可自动编译成微信小程序基础开发

2024年02月09日
浏览(32)
uniapp开发微信小程序使用高德地图

uniapp 官方文档地图组件控制地图组件高德地图key需要公司去申请,之后自己在下载高德地图微信小程序插件下好的js文件放在项目中,之后在vue项目中的main.js文件中全局注入页面引入并使用

2024年02月15日
浏览(80)
uniapp开发微信小程序阻止事件冒泡

最近在使用uniapp去开发微信小程序其中不乏遇到一些问题，我都会发出来。万一自己别的时候忘记，但是需要用了。 uniapp中开发微信小程序，当使用 @click.stop 去阻止事件冒泡的时候会发现， @click.stop 并没有生效，就很神奇问题如图: 解决问题方案

2024年02月12日
浏览(31)
uniapp开发微信小程序分包处理实录

uniapp开发微信小程序上传代码时可能会遇到项目过大问题，今天就结合自己的实际操作简单记录下如何处理项目代码超出限制问题。常用的操作就是将项目中的图片访问由本地访问修改为网络访问，微信开发者工具上传代码时勾选相关的压缩文件选项

2024年02月03日
浏览(38)
uniapp 开发微信小程序样式穿透问题解决

微信文档：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html#%E7%BB%84%E4%BB%B6%E6%A0%B7%E5%BC%8F%E9%9A%94%E7%A6%BB 问题：父组件中修改子组件 /deep/ H5中生效，但是在微信小程序不生效。解决：在script中添加styleIsolation: ‘shared’，即可解决如图：

2024年02月12日
浏览(35)