Laravel Inertia与Axios一起使用InertiaProgress返回：无法读取未定义的属性'defaultPrevented'

问题描述

我正在使用Laravel和Inertia.js的当前版本。我也在使用IntertiaProgress，并希望在使用axios

上传文件的过程中使用它

文件全部上传成功，但控制台显示：

app.js:33316 Uncaught (in promise) TypeError: Cannot read property 'defaultPrevented' of undefined

追溯到此，指向InertiaProgress的源中的此处：

 start(event) {
    Promise.resolve().then(() => {
      if (event.defaultPrevented) {
        return
      }

      this.inProgress++
      clearTimeout(this.timeout)
      this.timeout = setTimeout(() => {
        Nprogress.set(0)
        Nprogress.start()
      },this.delay)
    })
  },

如果我console.log(event)我得到undefined

我的upload()方法：

upload(files) {
    let url = this.$route('library.upload');
    this.$root.showLoading = true;

    const uploadConfig = {
        timeout: 10000,onUploadProgress: function(progressEvent) {
            let percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
            InertiaProgress.progress(percentCompleted)
        }
    }

    InertiaProgress.start()

    axios.post(url,{
        files,},uploadConfig
    ).then(res => {
        let files = res.data.files
        if (files.length) {
            this.filesList = cloneDeep(files)
        }

        this.newFiles = []

        InertiaProgress.finish()
        this.$root.showLoading = false
    }).catch(err => {
        console.log(err)

        InertiaProgress.finish()
        this.$root.showLoading = false
    })
},

感谢您的帮助

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

inertiajs laravel laravel