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

Question

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

Answer 1

【相关推荐】

• 你看下这篇博客吧, 应该有用👉 ：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)
  

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