vue3+ts莫名其妙报红下划线

比如我引入一个defineprops会给一个红色下划线说“导入声明与defineprops的局部声明冲突”这个出现的最多有的用起来没影响有的直接项目打不开,太苦恼了!
有遇见的同学求帮助😭

img

【相关推荐】



  • 你看下这篇博客吧, 应该有用👉 :vue3 +ts defineProps 设置默认值
  • 除此之外, 这篇博客: vue3+ts父子组件传值(区分有无使用setup语法糖)中的 defineProps获取组件传值 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
    import { ref, defineProps } from 'vue'
    const props = defineProps({
        width: {
            type:String,
            required: true,
            default: '100rpx'
        },
        height: {
            type:String,
            default: '100rpx'
        }
    })
    // 业务代码获取值,trmplate直接使用width即可
    console.log(props.width)
    

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^

看报错信息跟 Echarts 有关,注释调对应的引入试试

defineProps不需要引入吧,我都是直接用的。还有一个defineEmits,也不需要引入。关于withDefaults,我一直没用过,看其他博客用的时候也不需要引入。

一般import不应该在script的外面引用吗?