1. 程式人生 > >thirdScriptError sdk 報錯、小程式遇到的各種報錯提醒以及使用wepy框架中出現的問題小程式遇到的各種報錯提醒以及使用wepy框架中出現的問題

thirdScriptError sdk 報錯、小程式遇到的各種報錯提醒以及使用wepy框架中出現的問題小程式遇到的各種報錯提醒以及使用wepy框架中出現的問題

      最近一直在寫我們公司的小程式,已經發布,在這個過程中遇到了很多bug以及小程式wepy框架的問題。下面我就簡單的羅列出來一些bug和解決方案,後期如果遇到新的問題或者報錯提醒,我會持續更新的。
      其實報錯的時候小程式的報錯提醒還是很不錯的,大家看多了那些報錯英文慢慢的就明白哪裡報錯了,要去哪裡解決的。
      先讓大家看下我的程式碼檔案結構圖,我用的是相對路徑寫的,這些都是基本的,所以我就不說什麼是相對路徑了
這裡寫圖片描述

(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’

這裡寫圖片描述

後面它就會出現這樣的錯誤,後面自己把路徑修改一下就好了

這裡寫圖片描述

(2)js語法錯誤,報SyntaxError: unknown: Unexpected token, expected , (31:4)

比如說我在method中兩個方法之間忘寫個逗號

這裡寫圖片描述
這裡寫圖片描述

注意上面的報錯資訊,第一行先提示你語法錯誤少了個逗號,然後後面一大堆的報紅,其中有個上箭頭會提示你哪裡出錯了,一般語法錯誤是最好解決的,因為它的智慧提示功能很強大

(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檔案中寫吧。

- - - - -持續更新中,僅本人遇到的問題和建議,有什麼不對的地方還望指正- - - - -