uni-app 报错 navigateTo:fail page “/pages/.../...“ is not found

这篇具有很好参考价值的文章主要介绍了uni-app 报错 navigateTo:fail page “/pages/.../...“ is not found。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

这个错误的意思是:识别不到该页面

错误可能一:没有在 pages.json【微信小程序是 app.json】中定义该页面的路径

如:

pages.json

"pages": [{
    "path": "pages/index/index"
}, {
    "path": "pages/my/my"
}]

app.json

"pages": [
    "pages/index/index",
    "pages/my/my"
]

错误可能二:URL的页面路径错误

使用正确的写法

如:

url: '/pages/index/index'

注意:pages前不要加任何前缀文章来源地址https://www.toymoban.com/news/detail-683855.html

到了这里,关于uni-app 报错 navigateTo:fail page “/pages/.../...“ is not found的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 微信小程序异常:navigateTo:fail can not navigateTo a tabbar page

    微信小程序利用路径 wx.navigateTo 跳转界面时发送异常 跳转代码 异常代码 原因分析 在 app.json 中的 tabBar 关联了 details 详情界面产生冲突,而官方文档要求 wx.navigateTo 无法跳转到 tabBar 中定义的界面 ,只需要把 tabBar 换成其他界面就可以! app.json代码 保留当前页面,跳转到应用

    2024年02月08日
    浏览(45)
  • uni-app的分包下小程序报错app.json: [“tabBar“][1][“pagePath“]: “xxxx“ need in [“pages“]

    如过项目没有采用分包,解决方案点这里 如果项目采用分包,pages.json的文件格式如下 项目运行起来, h5是可以 的,但 微信开发者工具报错 tabBar下的list需要在pages下面找 需要把tarBar的引入的页面放在pages文件夹, 其他分包的放在分包目录 运行项目,一切正常也可以跳转。

    2024年02月13日
    浏览(55)
  • 快速学会创建uni-app项目并了解pages.json文件

    (创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹) 目录 前言  创建 uni-app 项目  通过 HBuilderX 创建 pages.json  pages  style  globalStyle tabBar 经过半个多月的学习,vue基础入门就告一段落啦,接下来就要开始学习制作微信小程序了

    2024年02月11日
    浏览(46)
  • uni-app小程序 解决滚动穿透之page-meta

    页面是可以滚动的,该页面的弹窗、组件也是可以滑动的。 当我们滑动页面内弹出的弹窗、组件时,该页面也会跟着滚动,就会出现滚动弹窗内容时,页面内容也跟着滚动,这就是滚动穿透。 在PC端我们常通过给弹出弹窗的页面的body添加 overflow: hidden ,隐藏未显示的内容,

    2024年02月10日
    浏览(62)
  • uni-app 设置当前page界面进入直接变为横屏模式

    首先 我们打开项目的 manifest.json 在左侧导航栏中找到 源码视图 然后找到 app-plus 配置 在下面加上 然后 我们在需要操作的 page 上 加入代码 其中 onLoad 将模式初始化 onUnload关闭横向 如果你一直要横向的 可以不要这个 然后 onReady 等页面加载好 启动横向模式 因为我们加的注解

    2024年02月04日
    浏览(55)
  • uni-app集成uni-simple-router、uni-read-pages插件自动读取page.json文件实现路由管理(无需手动配置路由表)

    npm 下载uni-simple-router、uni-read-pages插件 根目录新建router.js 配置vue.config.js 在main.js引入router.js vue页面获取路由信息 参考链接: https://github.com/SilurianYang/uni-simple-router https://github.com/SilurianYang/uni-read-pages

    2024年02月11日
    浏览(57)
  • 微信小程序:uni-app页面Page和组件Component生命周期执行的先后顺序

    文档 页面生命周期 https://uniapp.dcloud.net.cn/tutorial/page.html#lifecycle 组件生命周期 https://uniapp.dcloud.net.cn/tutorial/page.html#componentlifecycle 经测试,得出结论: H5和微信小程序的生命周期函数调用顺序不一致 一般情况下,主要使用的周期函数如下,他们的执行顺序是固定的 页面 组件

    2024年02月08日
    浏览(54)
  • uni-app集成uni-simple-router,报错:Uncaught ReferenceError: ROUTES is not defined

    参考连接:GitHub - SilurianYang/uni-read-pages: read `pages.json` file to generate the routes table 作用:配置  vue.config.js  通过  webpack 注入全局变量 问题:缺少Webpack 配置环境 方法: 项目根目录下打开终端,运行以下命令来安装相关依赖包: npm install cross-env --save-dev

    2024年02月08日
    浏览(50)
  • 小程序阻止手机自带的滑动返回退出事件(uni-app,微信小程序,page-container)

    1、使用page-container前先在pages.json配置(重点!) 2、在页面中配置 @touchstart.native和@touchmove.native是用于遮罩层滑动的监听事件 关于page-container 的一些属性 详细可以按照官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/page-container.html

    2024年02月11日
    浏览(55)
  • uni-app 中使用uview生成测试小程序后报错:pleaseSetTranspileDependencies is not defined

    这是一篇踩坑文,记录一个uni-app中的坑点。 在uni-app 中使用uview后在生成小程序后第一次编译时控制台报了这么一个错: 在检查了许久的原因后最后找到的解决办法是: 在文件 /common/vendor.js 中搜索并删除下面这句话 如上图。 删除掉之后重新编译一下项目就正常运行了。

    2024年02月12日
    浏览(66)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包