uniapp下载时报错

Question

<template>
  <view class="resources">
    <view class="resources-title">
      <svg class="icon" aria-hidden="true">
        <use :xlink:href="'#' + fileIcon"></use>
      </svg>

      <p class="file-name ellipsis" @click="previewFile">
        {{ data.fileName }}
      </p>
    </view>
    <a v-if="data.fileUrl" :href="data.fileUrl" download="">下载</a>
    <!-- h5 不可用 -->
    <!-- <view  @click="download">下载</view> -->
  </view>
</template>

<script>
export default {
  props: {
    data: {
      type: Object,
      default: () => { }
    }
  },
  computed: {
    fileIcon () {
      const map = {
        html: 'icon_html',
        htm: 'icon_html',
        mp3: 'icon_mp',
        mp4: 'icon_mp4',
        gif: 'icon_gif',
        rar: 'icon_rar',
        zip: 'icon_zip',
        txt: 'icon_txt',
        svg: 'icon_svg',
        jpg: 'icon_jpg',
        jpeg: 'icon_jpg',
        png: 'icon_png',
        mov: 'icon_mov',
        psd: 'icon_psd',
        doc: 'icon_word',
        ppt: 'icon_ppt',
        pdf: 'icon_pdf',
        xlsx: 'icon_xlsx',
        default: 'icon_weizhiwenjian'
      }
      return map[this.data.fileName.split('.').reverse()[0].toLocaleLowerCase()] || map.default
    }
  },
  methods: {
    download () {
      // if (this.data.fileUrl) {

      // }
      // uni.downloadFile({
      //   url: this.data.fileUrl,
      //   success: (res) => {
      //     uni.saveFile({
      //       tempFilePath: res.tempFilePaths,
      //       success: function (res) {
      //       }
      //     })
      //   }
      // })
    },
    previewFile () {

    }
  }
}
</script>
<style lang="scss" scoped>
.resources {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
  .resources-title {
    display: flex;
    align-items: center;
    color: #ababab;
    overflow: hidden;
    .file-name {
      cursor: pointer;
    }
    .icon {
      width: 22px;
      height: 22px;
      flex-shrink: 0;
      margin-right: 4px;
    }
  }
  a {
    color: #5283de;
    &:hover {
      color: #fff;
    }
  }
}
</style>

Answer 1

参考GPT和自己的思路：

很抱歉，根据您提供的代码，无法确定您遇到的具体错误。可能需要更多的上下文和错误信息才能确定问题所在。建议您尝试查看浏览器控制台和uniapp的错误日志，以便更好地定位和解决问题。另外也可以通过搜索类似问题的解决方案，或者向其他开发者寻求帮助来解决该问题。