【Bug记录】[@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported.

【Bug记录】[@vue/compiler-sfc] defineProps is a compiler macro and no longer needs to be imported.

Vue3项目遇到编译警告

image

image

错误翻译

  • 英文:[@vue/compiler-sfc]
  • 翻译:Vue 单文件组件 (SFC) 编译警告。
  • 原文:defineProps is a compiler macro and no longer needs to be imported.
  • 翻译:defineProps 只是编译器宏,不再需要导入。
  • 原文:defineEmits is a compiler macro and no longer needs to be imported.
  • 翻译:defineEmits 只是编译器宏,不再需要导入。

错误归因

  • 项目使用 <script setup> 语法糖。
  • 通过 import 导入了 definePropsdefineEmits
  • Vue3.2 版本后 definePropsdefineEmits 无需导入

官方文档已更新

image

解决方案🎯

🎯 删除 definePropsdefineEmits 的导入语句即可,对象项目没有造成任何影响。
参考代码如下:

<script setup lang="ts">
// 🎯 删除 `defineProps` 或 `defineEmits` 的导入语句即可。
-import { defineProps, defineEmits } from 'vue-demi'
const props = defineProps({
  modelValue: {
    type: Boolean
  }
})
const emit = defineEmits<{
  (e: 'update:modelValue', value: boolean): void
  (e: 'change', value: boolean): void
}>()
// ...其他代码省略
</script>
posted @   MegaSu  阅读(11405)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 我与微信审核的“相爱相杀”看个人小程序副业
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· spring官宣接入deepseek,真的太香了~
点击右上角即可分享
微信分享提示