您现在的位置是：网站首页 > 代码编程 > WEB前端WEB前端

【原】小程序报错“无效的 pageJSON(pages/books/books)['window']”

不忘初心 2019-05-19 围观() 评论() 点赞() 【WEB前端】

简介：今天写小程序的时候，碰到了一个问题“无效的 pageJSON(pages/books/books)["window"]”，导致NavigationBar的配置不生效。

今天写小程序的时候，碰到了一个问题“无效的 pageJSON(pages/books/books)["window"]”，导致NavigationBar的配置不生效，上一次写小程序还是在两年前，两年时间，腾讯已经不知道发布了多少个版本了，不知道遗漏了什么重要知识点。

app.json文件：

{
  "pages": [
    "pages/index/index",
    "pages/books/books",
    "pages/logs/logs"
  ],
  "window": {
    "backgroundTextStyle": "light", 
    "navigationBarBackgroundColor": "#000",
    "navigationBarTitleText": "KYY-READER",
    "navigationBarTextStyle": "white"
  },
  "sitemapLocation": "sitemap.json"
}

我的books页面中的.json文件：

{
  "usingComponents": {},
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#000",
    "navigationBarTitleText": "我的书籍",
    "navigationBarTextStyle": "white"
  }
}

本以为会直接覆盖掉配置，但是保存了之后，立马就来了一个警告：

小程序报错“无效的 pageJSON(pages/books/books)['window']”

虽然程序没报错，但是books页面中的NavigationBar没生效，依旧还是app.json中配置的文字。

在创建小程序的时候，默认生成了一个log页面，进入页面的时候看到navigator是有变化的，打开比对了一下，原来是没有写window，而是直接写属性名：

小程序报错“无效的 pageJSON(pages/books/books)['window']”

原因找到了，“页面的.json只能设置 window 相关的配置项，而无需写 window 这个键”！！！

将我的books.json修改一下：

{
  "usingComponents": {},
  "backgroundTextStyle": "light",
  "navigationBarBackgroundColor": "#000",
  "navigationBarTitleText": "我的书籍",
  "navigationBarTextStyle": "white"
}

问题得到解决，navigator这一次生效了。

小程序