thirdScriptError sdk 报错、小程序遇到的各种报错提醒以及使用wepy框架中出现的问题小程序遇到的各种报错提醒以及使用wepy框架中出现的问题

      最近一直在写我们公司的小程序,已经发布,在这个过程中遇到了很多bug以及小程序wepy框架的问题。下面我就简单的罗列出来一些bug和解决方案,后期如果遇到新的问题或者报错提醒,我会持续更新的。
      其实报错的时候小程序的报错提醒还是很不错的,大家看多了那些报错英文慢慢的就明白哪里报错了,要去哪里解决的。
      先让大家看下我的代码文件结构图,我用的是相对路径写的,这些都是基本的,所以我就不说什么是相对路径了
thirdScriptError sdk 报错、小程序遇到的各种报错提醒以及使用wepy框架中出现的问题小程序遇到的各种报错提醒以及使用wepy框架中出现的问题_第1张图片

(1)import引入路径出现问题,报thirdScriptError sdk uncaught third Error Octal escape sequences are not allowed in strict mode. SyntaxError: Octal escape sequences are not allowed in strict mode.

先看看我的写法,我import的时候路径没有写对,应该是import util from ‘../util/util’

thirdScriptError sdk 报错、小程序遇到的各种报错提醒以及使用wepy框架中出现的问题小程序遇到的各种报错提醒以及使用wepy框架中出现的问题_第2张图片

后面它就会出现这样的错误,后面自己把路径修改一下就好了

thirdScriptError sdk 报错、小程序遇到的各种报错提醒以及使用wepy框架中出现的问题小程序遇到的各种报错提醒以及使用wepy框架中出现的问题_第3张图片

(2)js语法错误,报SyntaxError: unknown: Unexpected token, expected , (31:4)

比如说我在method中两个方法之间忘写个逗号

thirdScriptError sdk 报错、小程序遇到的各种报错提醒以及使用wepy框架中出现的问题小程序遇到的各种报错提醒以及使用wepy框架中出现的问题_第4张图片
thirdScriptError sdk 报错、小程序遇到的各种报错提醒以及使用wepy框架中出现的问题小程序遇到的各种报错提醒以及使用wepy框架中出现的问题_第5张图片

注意上面的报错信息,第一行先提示你语法错误少了个逗号,然后后面一大堆的报红,其中有个上箭头会提示你哪里出错了,一般语法错误是最好解决的,因为它的智能提示功能很强大

(3)在实际开发中,有人会经常碰到,在微信开发者工具明明功能显示正常,但是在手机中预览就出现问题。

这种情况下就要考虑很多了,比如说你操作的数组层级不能太深,{{}}双括号中的表达式不能太复杂(如果你用了双三元表达式,那么肯定不会渲染出来),还有就是wepy框架开发的话,手机预览的时候对组件化的wpy文件支持不是很好,下面我为大家详细解释下

1。什么叫做数组的层级不能太深
比如说后台返回的数据中结构是数组

var arr = [
    {a:[0,1,2,4,5]},
    {b:[1,4,4,4,4]},
    .....
]

如果你直接将整个数组赋值到data树上,如果是基本的渲染数据那没有问题,但是现在你要操作这个数组,要对这个数组的每一项的a属性的数组进行增删改查,你会发现,在view层你根本看不到数据的变化,就是因为数据的层级太深,所以最好是data树上绑定简单的数组,比如说数组a,this.a = arr[0].a ,this.b = arr[1].b,最终目的就是要保证你绑定的数组层级不要太深
2。什么叫做双三元表达式
双三元表达式就是true? (true? 1 : 0) : (3) 就是在三元表达式内部继续嵌套一个三元表达式,你在视图层写了这样的表达式即,{{true? (true? 1 : 0) : (3)},这样写在微信开发者工具中显示是正常的,但是在手机上,也就是在微信中预览上是解析不出来的。
3。组件化开发的问题
组件化开发对于使用任意一个mvvm框架的人来说都是很常见的事情,但是在使用小程序wepy框架中你会发现即便我想公用一个组件,一些功能在微信中预览中是无法出现效果的,所以大家在写的时候还是直接在你要实现功能的那个wpy文件中写吧。

- - - - -持续更新中,仅本人遇到的问题和建议,有什么不对的地方还望指正- - - - -

你可能感兴趣的:(小程序)