微信小程序基于wepy框架开发之问题集锦

最新推荐文章于 2022-02-21 09:11:57 发布
最新推荐文章于 2022-02-21 09:11:57 发布
阅读量549 收藏
点赞数
分类专栏： 微信小程序wepy框架开发 文章标签： 微信小程序 wepy
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LinQiPing233/article/details/87879664
版权
本文总结了微信小程序基于wepy框架开发过程中遇到的三个问题：1) appJSON["window"]["navigationBarTextStyle"]字段报错，解决办法是修改app.wpy并执行特定命令；2) 代码在不同电脑间转移编译错误，需统一编码为UTF-8；3) 代码包超过2M，原因可能是dist文件夹包含多余资源，删除并重新编译即可解决。
摘要由CSDN通过智能技术生成

目录

1、报错提示：appJSON["window"]["navigationBarTextStyle"] 字段需为 black 或 white

2、有时候代码从这个电脑搬到另一台电脑打开后，编译会出现不知神马的错误

3、详情显示代码大小未超过2M，但是真机调试的时候提示代码包超过2M

 

 

1、报错提示：appJSON["window"]["navigationBarTextStyle"] 字段需为 black 或 white

更新了微信小程序开发工具到版本号为：v1.02.1902010后出现以下报错，根据提示修改了，开发者工具怎么编译都不能通过。

appJSON["window"]["navigationBarTextStyle"] 字段需为 black 或 white

解决方案：用第三方编辑器打开app.wpy，修改成以下模式：

        window: {
            backgroundTextStyle: 'light',
            navigationBarBackgroundColor: '#396fd3',
            navigationBarTitleText: 'WeChat',
            navigationBarTextStyle: 'white'
        },

再用命令行，进入工程目录下，执行命令


                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  ---牧马人---
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
详解微信小程序框架wepy踩坑记录（与vue对比）

				
			

			

				

					10-17
				

			

		

		

			
				
本文主要探讨了微信小程序框架wepy在实际开发中遇到的一些问题，并将其与Vue.js进行了对比。Wepy虽然借鉴了Vue的语法和特性，但在具体实现上存在一些差异，这可能导致开发者在使用过程中遇到坑点。  首先，关于组件...

			
		

	



                

              
                



	

		

			

				
					
基于wepy开发的一款纯记账的微信小程序

				
			

			

				

					01-27
				

			

		

		

			
				
洁账小程序
基于 wepy 开发的一款记账微信小程序
后端也开源啦！！感谢支持
体验二维码
功能
日常记账，目前只支持基本的收入、支出、转账
预算管理功能
搜索功能
消费报表
每月统计报表
首页看板自定义
根据日历查看消费
资产统计
预购清单
消息通知
...
安装
提示： 请自行注册属于自己的小程序~
npm install wepy-cli -g
npm install
cp src/utils/host.js.example src/utils/host.js
npm run build
后面的开发问题可查看 https://tencent.github.io/wepy/  获取进一步的帮助
相关截图
更新日志
感谢
打赏
如果你喜欢我的作品，可以请我喝杯咖啡支持下，谢谢你。
License
JieZhang is licensed under

			
		

	



                


  
              

                


	

		

			

				
					
微信小程序wepy框架消息提示插件

				
			

			

				

					08-10
				

			

		

		

			
				
微信小程序 wepy框架 消息提示插件

			
		

	





	

		

			

				
					
微信小程序开发之——组件化框架WePY-快速开始

				
			

			

				

					我的博客
				

				

					10-27
					
					803
					
				

			

		

		

			
				
一 概述

WePY (发音: /'wepi/) 是小程序上最早的一款类 Vue 语法的开发框架
WePY参考了Vue.js，对原生小程序的开发模式进行了再次封装，贴近MVVM架构
WePY支持组件开发，单位件模式，还支持外部加载的npm包


二 WePY的特征

开发风格：接近于Vue.js，支持组件Props传值，自定义事件、组件分布式复用等
组件化：组件化开发，完美解决组件隔离，组件嵌套，组件通信等问题
NPM：完美兼容所有平台依赖的npm资源包
Promise：通过polyfill，让小程序完美支

			
		

	



		

			
		



	

		

			

				
					
微信小程序开发框架WePY的创建过程及遇到的问题

				
			

			

				

					weixin_43816330的博客
				

				

					04-17
					
					759
					
				

			

		

		

			
				
1、安装wepy命令行工具
npm install wepy-cli -g

如果出现以下问题：

解决方法：
npm cache clean --force
npm install wepy-cli -g


2、创建wepy项目my-project（wepy版本1.7.0以后）
wepy init standard my-project

如果出现以下问题：

解决方法：
在C:\Window...

			
		

	





	

		

			

				
					
【愚公系列】2022年02月 微信小程序-app.json配置属性之window

				
			

			

				

					时光隧道
				

				

					02-21
					
					3万+
					
				

			

		

		

			
				
文章目录一、app.json配置属性之window二、restartStrategy三、window配置案例

一、app.json配置属性之window




属性
类型
默认值
描述
最低版本




navigationBarBackgroundColor
HexColor
#000000
导航栏背景颜色，如 #000000



navigationBarTextStyle
string
white
导航栏标题颜色，仅支持 black / white



navigationBarTitleTe

			
		

	





	

		

			

				
					
微信小程序框架wepy之动态控制类名

				
			

			

				

					12-29
				

			

		

		

			
				
本文为大家分享了微信小程序框架wepy之动态控制类名的具体实现方法，供大家参考，具体内容如下 控制类名 style   <style lang=less scoped>  .liBkgCor {  background-color: red;  } </style> template...

			
		

	





	

		

			

				
					
微信小程序框架 WePY 开发使用

				
			

			

				

					04-24
				

			

		

		

			
				
本文介绍了如何使用WePY框架来搭建微信小程序的开发环境，并通过创建一个简单的Demo来演示基本的使用方法。WePY通过提供组件化的开发方式，极大地提高了开发效率。希望初学者们能够通过本文快速掌握WePY的基础用法，...

			
		

	





	

		

			

				
					
微信小程序组件化开发框架wepy开发资源汇总

					
最新发布

				
			

			

				

					05-06
				

			

		

		

			
				
wepy-books：微信小程序wepy版图书管理系统 wxYuHanStore：基于wepy开发的商城(微店)微信小程序 wepy-Jz：使用wepy框架开发的电商类小程序 cardiovascular-tracker：使用wepy框架开发的心血管健康助理小程序 we川大...

			
		

	





	

		

			

				
					
appJSON["window"]["navigationBarTextStyle"] 字段需为 black 或 white

				
			

			

				

					weixin_30326745的博客
				

				

					04-04
					
					6185
					
				

			

		

		

			
				
appJSON["window"]["navigationBarTextStyle"] 字段需为 black 或 white









改动成这个就可以了

"navigationBarTextStyle": "white"




转载于:https://www.cnblogs.com/taohuaya/p/10653055.html...

			
		

	





	

		

			

				
					
使用wepy开发微信小程序踩的坑集

				
			

			

				

					Arno的博客
				

				

					03-21
					
					3173
					
				

			

		

		

			
				
问题原因解决办法描述子组件接收不到参数错误：&lt;component list="{{list}}"&gt;正确：&lt;component list="list"&gt; 修改完布局后不刷新，必须要重新build将component写到了page文件夹下导致将component写到components文件夹下 使用flexbox，设置不换行显示失效必须加上新的属性加上white-space: ...

			
		

	





	

		

			

				
					
微信小程序开发（二）小程序全局配置app.json

				
			

			

				

					u013261261的专栏
				

				

					04-24
					
					1180
					
				

			

		

		

			
				
文件说明： app.json : 小程序全局配置pageswidowstabBarnetworkTimeoutdebug小程序的全局配置文件,小程序中所有的页面都需要配置路径用于设置小程序的状态栏、导航条、标题、窗口背景色。窗口的底部有tab栏网络请求的超时时间调试模式array(字符串数组)jsonjsonjsonBoolean"pages":[    "pages/index/index", ...

			
		

	





	

		

			

				
					
微信小程序app.json如何配置

				
			

			

				

					timtian008的博客
				

				

					01-17
					
					1万+
					
				

			

		

		

			
				
app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。以下是一个包含了所有配置选项的简单配置app.json ：{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "navigationBarTitleText": "D

			
		

	





	

		

			

				
					
小程序快速开发(使用Wepy框架)

				
			

			

				

					随心而作
				

				

					07-18
					
					1691
					
				

			

		

		

			
				
前言

前几周公司要做小程序开发，在开发之前，首先要确定的就是技术选型，看了一些资料，用Wepy能快速搭建好项目，开发起来一些语法、写法跟Vue相似，于是决定用wepy开发。下面就来简单的说说wepy的一些优点和相关步骤：

WePY优点



1. 开发风格接近 Vue.js
     + 支持 `组件化` 开发

     + 支持 `props` 传值

  ...

			
		

	





	

		

			

				
					
微信小程序入门四: 导航栏样式、tabBar导航栏

					
热门推荐

				
			

			

				

					王乐平 技术博客
				

				

					01-12
					
					13万+
					
				

			

		

		

			
				
实例内容
导航栏样式设置
tabBar导航栏
实例一：导航栏样式设置小程序的导航栏样式在app.json中定义。这里设置导航，背景黑色，文字白色，文字内容测试小程序app.json内容：{
  "pages":[
    "pages/index/index",
    "pages/login/login",
    "pages/logs/logs"
  ],
  "window":{

			
		

	





	

		

			

				
					
微信小程序wepy框架组件化开发与NPM支持解析

				
			

			

				

					
				

			

		

		

			
				
微信小程序Wepy框架是一个腾讯内部开发的框架，它在设计思路上很大程度上受到了Vue.js的影响，旨在提供更高效、更灵活的微信小程序开发体验。Wepy的核心特性包括组件化开发、支持加载外部NPM包以及采用单文件模式等...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值