uni-app pages.json条件编译错误

uni-app pages.json条件编译错误

开发环境 版本号 项目创建方式
Mac big sur 11.4 HBuilderX
产品分类:uniapp/H5

PC开发环境操作系统:Mac

HBuilderX类型:正式

HBuilderX版本号:3.1.16

浏览器平台:Chrome

浏览器版本:91.0.4472.77

示例代码:

```{.language-javascript}
"path": "pages/index/index",
"style": {
// #ifdef APP-PLUS
"navigationBarTitleText": "",
"navigationBarBackgroundColor": "#B91922",
"navigationBarTextStyle": "white",
"app-plus": {
"bounce" : "none", // 去除下拉阴影
"titleNView": {
"type": "default",
"searchInput": {
"align": "left",
"backgroundColor": "rgba(255, 255, 255,1)",
"borderRadius": "16px",
"placeholder": "请输入关键字",
"disabled": true,
"placeholderColor": "#606266"
}
}
},
// #endif
// #ifdef H5
"app-plus": {
"bounce" : "none", // 去除下拉阴影
"titleNView": false
}
// #endif
}

操作步骤:

"path": "pages/index/index",
"style": {
// #ifdef APP-PLUS
"navigationBarTitleText": "",
"navigationBarBackgroundColor": "#B91922",
"navigationBarTextStyle": "white",
"app-plus": {
"bounce" : "none", // 去除下拉阴影
"titleNView": {
"type": "default",
"searchInput": {
"align": "left",
"backgroundColor": "rgba(255, 255, 255,1)",
"borderRadius": "16px",
"placeholder": "请输入关键字",
"disabled": true,
"placeholderColor": "#606266"
}
}
}
// #endif
// #ifdef H5
"app-plus": {
"bounce" : "none", // 去除下拉阴影
"titleNView": false
}
// #endif
}

预期结果:

打包正常

实际结果:

[JSHINT] 15:39:50.649 uniapp/pages.json: line 26, col 17, Expected '}' and instead saw 'app-plus'.
[JSHINT] 15:39:50.721 uniapp/pages.json: line 26, col 27, Expected '}' and instead saw ':'.
[JSHINT] 15:39:50.722 uniapp/pages.json: line 26, col 29, Expected ']' and instead saw '{'.
[JSHINT] 15:39:50.766 uniapp/pages.json: line 27, col 21, Expected '}' and instead saw 'bounce'.
[JSHINT] 15:39:50.780 5 errors

bug描述:

条件编译时#ifdef APP-PLUS块后面加上“,”,在H5端能通过,但是在app跑app端时就通不过,不加在编译时会报

[JSHINT] 15:39:50.649 uniapp/pages.json: line 26, col 17, Expected '}' and instead saw 'app-plus'.
[JSHINT] 15:39:50.721 uniapp/pages.json: line 26, col 27, Expected '}' and instead saw ':'.
[JSHINT] 15:39:50.722 uniapp/pages.json: line 26, col 29, Expected ']' and instead saw '{'.
[JSHINT] 15:39:50.766 uniapp/pages.json: line 27, col 21, Expected '}' and instead saw 'bounce'.
[JSHINT] 15:39:50.780 5 errors  

更多关于uni-app pages.json条件编译错误的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app pages.json条件编译错误的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是pages.json中条件编译语法使用不当导致的JSON格式错误。问题出现在// #endif后面缺少逗号,导致JSON结构不完整。

正确的写法应该是:

"path": "pages/index/index",
"style": {
  // #ifdef APP-PLUS
  "navigationBarTitleText": "",
  "navigationBarBackgroundColor": "#B91922", 
  "navigationBarTextStyle": "white",
  "app-plus": {
    "bounce": "none",
    "titleNView": {
      "type": "default",
      "searchInput": {
        "align": "left",
        "backgroundColor": "rgba(255, 255, 255,1)",
        "borderRadius": "16px", 
        "placeholder": "请输入关键字",
        "disabled": true,
        "placeholderColor": "#606266"
      }
    }
  },
  // #endif
  // #ifdef H5
  "app-plus": {
    "bounce": "none",
    "titleNView": false
  }
  // #endif
}
回到顶部