柚子快報邀請碼778899分享：微信小程序基礎bug

http://yzkb.51969.com/

1.蘋果11手機小程序請求數(shù)據(jù)不顯示

設置-》隱私-》分析與改進-》開啟 ”與開發(fā)者共享“

2.組件回退delta不成功

tabBar?頁面是不能實現(xiàn)后退的效果的.?因為,?當我們跳轉(zhuǎn)到?tabBar?頁面，會關(guān)閉其他所有非tabBar?頁面,所以當處于?tabBar?頁面時,?無頁面可

回到上一頁basic頁面

3.編程式導航wx.switchTab()跳轉(zhuǎn)到導航頁，url不能帶參數(shù)

以下參數(shù)獲取不到

tapToContact(){

wx.switchTab({url:'/pages/contact/contact?name=zs'});

},

4.TS聲明空數(shù)組或空對象，后續(xù)再定義屬性

數(shù)組：

data: {

randomColorList: [] as Array,

}

...

_this.setData({randomColorList : [..._this.data.randomColorList, ...res.data.data]});

對象：

data: {

query: {} as { [key: string]: any }

},

wx.setNavigationBarTitle({title:this.data.query.title});

5.TS構(gòu)建地小程序項目使用 vant weapp框架

https://blog.csdn.net/qq_34569497/article/details/130729344?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22130729344%22%2C%22source%22%3A%22qq_34569497%22%7D

?6.使用miniprogram-api-promise給小程序API進行promise化

問題：import后報錯，使用提示的npm i --save-dev @types/miniprogram-api-promise后npm下載又報錯

?

按社區(qū)里問答恢復，基礎庫 2.10.2 開始已經(jīng)原生支持 promise 式調(diào)用了，ts 定義也支持了，如果是為了兼容，需要用 miniprogram-api-promise 的話，可以在這個issue里跟進一下進度

使用miniprogram-api-promise時，如何獲取代碼提示 · Issue #114 · wechat-miniprogram/api-typings · GitHub

7.構(gòu)建時，構(gòu)建的位置一直不對，不在miniprogram里面

構(gòu)建后的miniprogram_npm應該在miniprogram文件夾下才對，配置也跟上面一樣配置的

解決：就可能是先npm下載包了，再使用了npm init所以老是有問題，刪除整個項目重新先執(zhí)行npm init -y 再下載包就可以了，其實應該可以直接刪除node_modules和package.json文件了重新再執(zhí)行就可以了

8."this" 隱式具有類型 "any"，因為它沒有類型注釋

?解決：參數(shù)上加this類型為any即可

updateNumB: action(function(this: any,step){

this.numB += step;

})

9.ts項目組件中使用mobx

微信小程序TS項目使用mobx(頁面直接使用store和自定義組件中使用store)__Jyann_的博客-CSDN博客

10.分包預加載路徑

這個路徑是頁面相對于app.json的路徑

"preloadRule": {

"packageA/pages/basic/basic":{

"network": "wifi",

"packages": ["packageA"]

}

},

11.自定義tabBar注意點

1.必須在根目錄下創(chuàng)建文件夾，文件夾名一定是?custom-tab-bar，再創(chuàng)建名為index 的component組件（名字必須是index,否則渲染不出來）

2.自定義tabBar必須使用自定義組件實現(xiàn)，如果使用頁面js操作，不便于監(jiān)聽徽標的變化

12.navigationBar自定義不了

問題：?"navigationBarTitleText":?"個人中心"在頁面中直接寫，不寫到window屬性中

使用?"navigationStyle":?"custom"可以直接取點navigateBar

13.wx.checkSession()一直報成功

登錄態(tài)校驗，一旦調(diào)用wx.login()登錄需要后臺清除登錄態(tài)才能讓wx.checkSession()獲取登錄態(tài)時返回失效

注意：新建項目可能本身有寫好登錄接口導致使用wx.checkSession()一直報成功

14.Error: MiniProgramError {"errMsg":"getUserProfile:fail can only be invoked by user TAP gesture."}

wx.getUserProfile需要通過按鈕方式調(diào)用

獲取頭像昵稱

15.小程序 wx.getUserProfile 接口沒有喚起授權(quán)頁面

但是自 2022 年 10 月 25 日 24 時小程序 wx.getUserProfile 接口將被收回；插件通過 wx.getUserInfo 接口，即基礎庫2.27.1版本以上，建議使用個人可在個人中心或設置等頁面使用頭像昵稱填寫能力讓用戶完善個人資料形式

16.不能同時喚起授權(quán)和獲取手機號的授權(quán)

需要使用微信小程序原生組件?button?使用bindtap="getUserProfile"?和open-type="getPhoneNumber"才能喚起兩次

17.navigator組件傳參失敗

?

這種方式switchTab跳轉(zhuǎn)到tabBar頁面會報警告且參數(shù)傳遞失敗 ：wx.switchTab: url 不支持 queryString?

解決：使用app的globalData或者storage，vuex等

18.使用scroll-view設置height

一定要使用100vh，使用100%在這里不生效

.sidebar-scroll{

/* 一定要使用100vh不能使用100% */

height: calc( 100vh - 55px );

width: 27vw;

}

19.[Deprecation] SharedArrayBuffer will require cross-origin isolation as of M9

[Deprecation] SharedArrayBuffer will require cross-origin isolation as of M92, around July 2021. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details.

新建頁面時名字出錯："pages/goods/list-vop.html"導致?wx.navigateTo時找不到頁面

20.使用npm下載js庫后引入報錯和警告

[代碼依賴分析] 找到 1 個依賴異常情況，可能會導致對應文件無法加載，請檢查。 Couldn't resolve the Js file "big.js" relative to "/pages/shop-cart/shop-cart.js:2:24"

如需關(guān)閉依賴分析請在 project.config.json setting 字段中增加 "ignoreDevUnusedFiles": false 和 "ignoreUploadUnusedFiles": false

解決：小程序中使用npm下載包后，一定要點工具-》構(gòu)建才能用

21.wx.showModal()的fail方法里面不調(diào)用

確認和取消都是在success中調(diào)用，通過?if?(res.confirm)?和if(res.cancel)進行判斷

22.wx.saveImageToPhotosAlbum()保存圖片時報錯saveImageToPhotosAlbum:fail?https://file.winwebedu.com/mall/collage-01.jpg?not?absolute?path

注意這個方法調(diào)用時傳入的參數(shù)filePath為必填，且圖片文件路徑，可以是臨時文件路徑或永久文件路徑 (本地路徑) ，不支持網(wǎng)絡路徑。

如果直接使用數(shù)據(jù)中的圖片路徑如https://file.winwebedu.com/mall/collage-01.jpg是保存不了的

這里需要使用生成的圖片路徑（這里是生成海報時存儲的路徑）http://tmp/xlHB02MBJ50H9887bf9a40b5b5dc24b904e4132afcb0.png

wx.saveImageToPhotosAlbum({

// 不能直接使用this.data.basicInfo.pic的圖片

console.log(this.data.posterImg);//http://tmp/xlHB02MBJ50H9887bf9a40b5b5dc24b904e4132afcb0.png

// "saveImageToPhotosAlbum:fail https://file.winwebedu.com/mall/collage-01.jpg not absolute path"

filePath: this.data.posterImg,

success(res) {

wx.showToast({

title: '保存成功',

})

},

fail(err){

console.log(err);

wx.showToast({

title: '保存失敗',

})

}

})

如果要根據(jù)網(wǎng)絡地址保存到相冊，需要長按先下載圖片到本地，再保存

downloadImage(){

wx.downloadFile({

url: this.data.basicInfo.pic,

success(res){

console.log(res.tempFilePath,"圖片臨時路徑");

if (res.statusCode === 200) {

wx.saveImageToPhotosAlbum({

filePath: res.tempFilePath,

success(){

console.log("圖片保存成功");

}

})

}

}

})

}

柚子快報邀請碼778899分享：微信小程序基礎bug

http://yzkb.51969.com/

推薦文章