Error in nextTick: “TurnJsError: The page 1 does not exist“

最新推荐文章于 2023-04-11 16:21:11 发布
最新推荐文章于 2023-04-11 16:21:11 发布
阅读量658 收藏 3
点赞数 1
分类专栏： vue 文章标签： vue.js javascript 前端 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39921970/article/details/126564161
版权

1、症状

vue翻书效果，报错“vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: “TurnJsError: The page 1 does not exist”，如下图
在这里插入图片描述

2、病因

turn.js在加载的时候，api请求的列表还未完成

3、用药

turn.js在加载的时候，api请求的列表还未完成
加个延迟：
在这里插入图片描述

4、疗效

在这里插入图片描述

··零··
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue3+TypeScript+Django Rest Framework 搭建个人博客（二）：用户登录功能
zgj0607的博客
08-25 1815
用户登录功能是一个信息系统必不可少的一部分，作为博客网站，同样需要管理员登录管理后台，游客注册后登录评论等 大家好，我是落霞孤鹜，上一篇我们已经搭建好了前后端的框架的代码，并调通了前后端接口。从这一篇开始，进入到业务功能开发进程中。 首先我们需要实现的功能是用户登录，用户登录功能虽然在系统开发中已经很成熟，但是当我们自己动手做的时候，会发现这个功能是那种典型的说起来容易，做起来复杂的功能，需要考虑和处理的点很多。 一、需求分析 1.1 完整需求 一个完整的用户登录功能，需要考虑的点如下： 账号和密码的.
Vue 品牌列表的删除
mqingo的博客
01-03 623
品牌列表的删除.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&quo
turn.js 异步请求图片资源，实现电子书翻页效果 报错 ”The page 1 dose not exist”
weixin_42340514的博客
09-18 1442
pc 端时好时坏，时不时报错 经调试发现是异步请求问题，如果渲染前拿到数据就不会报错，否则就会报错。解决方案：改变渲染界面的代码位置，将渲染界面的代码放在异步请求的回调中去，拿到数据后在调用渲染 <!doctype html> <!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-...
TurnJsError
前端不止的博客
07-19 513
在使用 turnjs 的时候出现了下面的报错 TurnJsError{name: "TurnJsError", message: "Page \"111\" cannot be inserted"} 在官方下载的示例上面进行的二次修改，把 pages: 112 修改为 当前请求获取过来的页码，低于112就会报错。 flipbook.turn({ elevation: 50, acceleration: !isChrome(), autoCenter: true, ...
The page you tried to access (/manager/******) does not exist.的解决方法
weixin_43843824的博客
07-02 3189
今天写一个maven程序的时候遇到了这个错误提示显示错误404 controller层代码如下： 找了半天没找到错误，上网查资料才知道：url：“/manager”开头是错误的。所有不要以/manager开始改掉名称就可以了。 如下图 更改完成后正确运行。 ...
vue 页面报错小计
freedomVenly的博客
03-30 875
[Vue warn]: Missing required prop: “value” 意思是说数据没有绑定，页面缺少value值。进行v-model数据绑定即可。 2. [Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'validate' of undefined" refs 与 ref 内容不一致 ...
在vue中使用turn.js
baidu_39084727的博客
08-05 7350
turn.js是一款实现翻页效果的插件 首先需要安装并引入jQuery，安装完成后引入turn.js 如果使用npm安装引用turn.js会报错 因此需要下载turn.js 到本地，在官网上下载源码，把lib文件拷到assets中， 我在页面中使用了import turn from "../assets/lib/turn"，结果会报turn定义但未使用的错， 不知道为什么，把这句话注释掉就能运行成功了，好像不用引入就能直接用？ <template> <div class="body
Vue品牌列表按键修饰符
mqingo的博客
01-04 476
07品牌列表按键修饰符.html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0
VUE基础语法
gaston的博客
07-13 1万+
vue基础语法：首先做的是创建一个js文件,vue.js(官网学习教程里有),此文件和一下各个文件在同一级目录：/*! * Vue.js v2.5.16 * (c) 2014-2018 Evan You * Released under the MIT License. */ (function (global, factory) { typeof exports === 'object...
turn.js异步加载实现翻书效果
12-12
本文实例为大家分享了turn.js异步加载实现翻书效果的具体代码，供大家参考，具体内容如下 1、阅读翻书js /** * 电子翻书 */ //var width = 1080; //var height = 1680; var width = "10rem"; var height = "15.2rem"; [removed] = function () { //预加载 //loading(18,1); initData(); } function getQueryString(name) { var result = [removed].search.mat
Vue 指令函数的简写形式
mqingo的博客
01-07 4762
  10指令函数的简写形式.html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=
Error in nextTick
小糖穿越火线
06-15 8226
Error in nextTick 解决：找到使用nextTick的地方，因为在之前数据为空导致的，因此加一个判断在nextTick之前 if (Array.isArray(this.classList) && this.classList.length > 0) { that.$nextTick(() => { ... }); } ...
Vue常见错误---Error in mounted hook
tang
04-11 2万+
Error in mounted hook
vue ie11报错：Error: 参数无效。；[Vue warn]: Error in nextTick: "Error: 参数无效。"
qq_38652744的博客
11-23 2万+
用了v-for循环来渲染页面，但是再IE11就是渲染不出来，检查了很久，发现后台有个数据没有返回，前台取不到，导致整个循环都没出来;这个也有我前台的责任，以后从后台取数据渲染最好加个v-if判断，“如果有，就显示，没有就不显示该数据！” 由于这个问题排查了很久才找到原因故记录下来以此告诫自己。 ...
Error in nextTick: "TypeError: Cannot read property '_wrapper' of undefined"错误提示怎么解决
热门推荐
攻城狮-张小白的博客
07-01 5万+
Error in nextTick: "TypeError: Cannot read property ‘_wrapper’ of undefined"错误， 按平常来说先去代码里找提示错误的某个代码，发现页面代码没有这个，怎么办呢！ 其实这个错误是你的@click事件绑定的方法，在methods并不存在 ...
turn.js 异步加载实现翻书效果
hins
11-02 6259
1、阅读翻书js /** * 电子翻书 */ //var width = 1080; //var height = 1680; var width = "10rem"; var height = "15.2rem"; window.onload = function () { //预加载 //loading(18,1); initData(); } functio...
Error in nextTick: "Error"
最新发布
09-06
根据引用和引用的内容，错误信息"Error in nextTick: 'Error'"可能是由于调用了一个不存在的方法导致的。在代码中，通过nextTick方法延迟执行topScrolly方法，但是在topScrolly方法中调用的scrollTo方法可能不存在，导致报错。 另外，根据引用的内容，如果在Vue中集成了修改过的webVideoCtrl.js资源，也有可能出现报错。如果你的代码中使用了这个资源，请参考博客中的代码修改方法来解决报错。 综上所述，要解决"Error in nextTick: 'Error'"错误，你可以检查代码中调用的方法是否存在，并确保使用了正确的资源文件。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘scrollTo ‘) 报错解决...](https://blog.csdn.net/m0_60585777/article/details/127239461)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [webVideoCtrl.js海康威视摄像vue引用脚本](https://download.csdn.net/download/yushi6310/11018611)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

··零··

您的鼓励，是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值