设置自动删除pages.json页面

uni-app项目中,test页面删除后,pages.json里面的配置没有自动删除报错,需要手动删除,如何设置成自动的?

img

可能是缓存,清楚缓存试一下

uni-app集成uni-simple-routeruni-read-pages插件自动读取page.json文件实现路由管理(无需手动配置路由表)

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 这篇文章讲的很详细,请看:小程序app.json中的pages属性
  • 除此之外, 这篇博客: uni-app里的pages.json页面配置中的 7.页面配置中的H5单独样式设置。 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
    {
      "path": "pages/message/message",
      "style": {
    		“h5”:{
           
            }		
      }
    }
  • 您还可以看一下 郑楚绵老师的uni-app实战社区交友类app开发课程中的 page.json配置小节, 巩固相关知识点
  • 以下回答来自chatgpt:
    1. 我的项目是使用uni-app技术栈进行开发的。

    2. 我暂时没有尝试过其他方案来解决这个问题,因为我的解决方案非常简单,只需要在uni-app的vue.config.js文件中添加一个pagesFilter函数即可。

    3. 没有相关日志或错误信息。

    解决方案:

    1. 进入项目根目录下的vue.config.js文件。

    2. 在文件中添加以下代码:

    module.exports = {
      pagesFilter: function(pages) {
        //获取所有的页面路由数组
        const pageRoutes = pages.map(page => page.path);
        //遍历每一个页面
        for (const page of pages) {
          //如果该页面不在pageRoutes数组中
          if (!pageRoutes.includes(page.path)) {
            //则将其从pages数组中删除
            const index = pages.indexOf(page);
            pages.splice(index, 1);
          }
        }
        //返回pages数组
        return pages;
      }
    }
    
    1. 保存vue.config.js文件并重启项目,此时已删除的页面的信息应该已经从pages.json页面配置中自动删除了。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^