uniapp使用ts+vue3+vscode开发微信小程序:找不到名称“wx”,下载视频“filePath”不在类型“DownloadFileOption”中等,保存视频到相册等

最近开发了一个小功能,就是保存视频到本地相册,这里用到了wx的api和uniapp的api:downloadFile,但是在vscode中,因为我使用了ts开发,所以报了几个错误类型找不到等:

找不到名称“wx”。

类型“{ url: string; filePath: string; success: (res: DownloadSuccessData) => void; fail: (err: any) => void; }”的参数不能赋给类型“DownloadFileOption”的参数。
对象字面量只能指定已知属性,并且“filePath”不在类型“DownloadFileOption”中。

问题一:找不到名称“wx”

这个需要添加一个类型声明, 在 global.d.ts:

declare var wx: any;

然后重新打开vscode就可以有提示了:

 

问题二:保存到相册提示fail invalid video 

这个肯定是因为你在使用downloadFile这个api的时候,没有增加filePath字段,所以导致的保存失败。但是在微信模拟器里面是正常的,注意这个微信坑人的地方!这个路径要写成下面的格式:

let path = wx.env.USER_DATA_PATH + '/' + '视频名称.mp4'

问题三:并且“filePath”不在类型“DownloadFileOption”中

这个是因为uniapp官方说了,必须添加这个filePath,否则无法保存到相册里面。但是它官网虽然说了,但是却在包声明里面没有添加这个字段声明,找到这个声明文件,在里面添加这个文件路径,然后保存后重新打开vscode,就可以了:

猜你喜欢

转载自blog.csdn.net/weixin_44786530/article/details/134872575