6***@qq.com
6***@qq.com
  • 发布:2023-12-30 09:37
  • 更新:2023-12-30 09:37
  • 阅读:493

【报Bug】HBuilderX引用插件报错SyntaxError: Unexpected token . at @fs

分类:HBuilderX

产品分类: HbuilderX

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 13.3.1

HBuilderX版本号: 3.99

示例代码:
<uv-upload fileList="fileList1" name="1"
multiple
uploadIcon="arrow-upward" maxCount="18" capture="sourceType" @afterRead="afterRead"
@delete="deletePic"
></uv-upload>

// 删除图片
deletePic(event) {
try {
console.log("删除数据event::",event)
this[fileList${event.name}].splice(event.index, 1)
this.$cache.set("addImgList",this[fileList${event.name}])
let self = this;
//type=0单个文件删除 1多个文件删除
let data = {
"file":event.file,
"type":0,
}
DeleteFile(self,data)
.then(res => {
return true
})
.catch(res => {
console.log("删除失败:",res)
return false
})
}catch (error) {
console.error('deletePic 错误:', error);
}

        },  
                    // 新增图片  
                    async afterRead(event) {  
                    try {     
                        // 当设置 multiple 为 true 时, file 为数组格式,否则为对象格式  
                        let lists = [].concat(event.file)  

                        let fileListLen = this[`fileList${event.name}`].length  
                        lists.map((item) => {  
                            this[`fileList${event.name}`].push({  
                                ...item,  
                                status: 'uploading',  
                                message: '上传中'  
                            })  
                        })  
                        for (let i = 0; i < lists.length; i++) {  
                            let result = await this.uploadFilePromise(lists[i].url)  

                            result = JSON.parse(result)  
                            //console.log("result::",result)  
                            let item = this[`fileList${event.name}`][fileListLen]  
                            if(result.code==1){  
                            this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {  
                                status: 'success',  
                                message: '',  
                                url: result.data.imgurl  
                            }))   
                            }else{  
                                this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {  
                                    status: 'failed',  
                                    message: result.msg,  
                                    url: ''  
                                }))  
                            }  

                            fileListLen++  
                        }  
                        this.$cache.set("addImgList",this[`fileList${event.name}`])  
                        console.log("fileList1::",this.fileList1)  

                    } catch (error) {  
                                console.error('afterRead 错误:', error);  
                            }  
                    },  
                    uploadFilePromise(url) {  
                        return new Promise((resolve, reject) => {  
                            let a = uni.uploadFile({  
                                url: 'https://api.dcloudd.top/Publish/upload', // 仅为示例,非真实的接口地址  
                                filePath: url,  
                                name: 'file',  
                                header:this.headers,  
                                success: (res) => {  
                                    setTimeout(() => {  
                                        resolve(res.data)  
                                    }, 1000)  
                                },  
                                fail: (error) => {  
                                    console.log("上传错误:",error)  
                                    reject(error);  
                                }  
                            });  
                        })  
                    },

操作步骤:

插件地址 https://ext.dcloud.net.cn/plugin?name=uv-upload

预期结果:

插件地址 https://ext.dcloud.net.cn/plugin?name=uv-upload

实际结果:

插件地址 https://ext.dcloud.net.cn/plugin?name=uv-upload

bug描述:

引用 插件后编辑器报错

[Vue warn]: Unhandled error during execution of async component loader
at <AsyncComponentWrapper>
at <PageBody>
at <Page>
at <Anonymous>
at <KeepAlive>
at <RouterView>
at <Layout>
at <App>
09:28:32.289 SyntaxError: Unexpected token . at @fs/Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-h5-vue/dist/vue.runtime.esm.js:1442

2023-12-30 09:37 负责人:无 分享
已邀请:

要回复问题请先登录注册