Vue.js中Import declaration与defineProps本地声明冲突问题求助

以下是几种实用的解决/规避方案：

• 移除多余的defineProps导入语句
  在Vue 3的<script setup>语法中，defineProps属于编译器宏，不需要手动从vue包导入。如果你的代码里写了类似import { defineProps } from 'vue'的语句，直接删除即可。

  错误示例：

  <script setup>
  import { defineProps } from 'vue'
  const props = defineProps({
    title: String
  })
  </script>
  

  修正后：

  <script setup>
  const props = defineProps({
    title: String
  })
  </script>
  

• 更新VSCode的Volar插件
  Vetur已被官方弃用，现在推荐使用Volar作为Vue的官方编辑器插件。旧版本的Volar可能对<script setup>的宏识别存在bug，打开VSCode扩展市场，搜索"Volar"并更新到最新版本，然后重启编辑器。

• 调整TypeScript配置（针对TS项目）
  如果你的项目使用TypeScript，检查tsconfig.json文件，确保compilerOptions.types中包含vue，让TS能正确识别Vue的全局宏：

{
  "compilerOptions": {
    "types": ["vue"]
  }
}

• 清除编辑器缓存并重启
  有时候VSCode的缓存会导致错误提示残留，按Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），选择"Reload Window"重启编辑器，即可清除残留的错误标记。

内容的提问来源于stack exchange，提问作者Rhejie E Aranez