老师你好，我的运行出来有问题，这里我是加了泛型改造的（没加的时候也是这样），要怎么办啊

然后根据vsCode提供的修复方案，给rawData和e规定了类型，报错取消了

但是终端又报错了

下面是源码

import { ref } from 'vue'
import axios from 'axios'

function useURLLoader<T>(url: string) {
    const loading = ref(true)
    const loaded = ref(false)
    const result = ref<T | null>(null)
    const error = ref(null)

    // 发送异步请求获取数据
    axios.get(url).then((rawData) => {
        loading.value = false
        loaded.value = true
        result.value = rawData.data
    }).catch((e) => {
        error.value = e
    })
    return {
        result,
        loading,
        error,
        loaded
    }
}
export default useURLLoader

<template>
  <img alt="Vue logo" src="./assets/logo.png">
  <h1>X:{{ x }},Y:{{ y }}</h1>
  <h1 v-if="loading">loading......</h1>
  <img :src="result.message" v-if="(loaded && result)">
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import useMousePosition from './hooks/useMousePosition'
import useURLLoader from './hooks/useURLLoader'
interface DogResult {
  message: string;
  status: string;
}
export default defineComponent({
  name: 'App',
  setup() {
    const { x, y } = useMousePosition()
    const { result, loading, loaded } = useURLLoader<DogResult>('https://dog.ceo/api/breeds/image/random')
    return {
      x,
      y,
      result,
      loading,
      loaded
    }
  }
})
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>