出现 defineProps is a compiler macro and no longer needs to be imported. 解决方法

码农研究僧

已于 2025-04-30 09:12:15 修改

阅读量4k

点赞数

分类专栏： BUG 文章标签： javascript Bug Vue3 宏

于 2024-06-26 08:00:00 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_47872288/article/details/139725770

版权

BUG 专栏收录该内容

371 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

1. 问题所示

执行前端代码的时候，出现如下问题：

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

[@vue/compiler-sfc] defineEmits is a compiler macro and no longer needs to be imported.

截图如下所示：

在这里插入图片描述

2. 原理分析

在Vue 3中，defineProps和defineEmits是用于在单文件组件（SFC）中定义组件属性和事件的编译器宏

随着Vue的更新，宏的用法发生了一些变化，特别是在Vue 3

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

码农研究僧

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

Vue3 [@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported.

12-26

1956

在 <script setup> 中必须使用 defineProps 和 defineEmits API 来声明 props 和 emits ，它们具备完整的类型推断并且在 <script setup> 中是直接可用的.警告信息本身意思是：在 <script setup> 中直接使用。1、import 中去掉 defineProps。，不需要再import。

[@vuecompiler-sfc] defineProps is a compiler macro and no longer needs to be imported

m0_67403143的博客

03-09

3188

Vue Vite项目启动后，控制台报错: [@vue/compiler-sfc] defineProps is a compiler macro and no longer needs to be imported. 具体报错提示如：终端使用 npm run dev 启动项目 $ npm run dev > vite-project@0.0.0 dev > vite Pre-bundling dependencies: vue (this will be run

参与评论您还未登录，请先登录后发表或查看评论

【Vue.js】@vue/compiler-sfc] define Props/Emits is a compiler macro and no longer needs to be imported

day day up

06-27

1万+

警告信息本身意思是：在中直接使用defineProps\defineEmits，不需要再import。

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

weixin_72329752的博客

11-13

1121

也可直接使用defineProps，不需要import。表示在 <script setup> 中可直接使用。，不需要import。

[@vue/compiler-sfc] defineProps is a compiler macro and no longer needs to be imported

最新发布

04-19

### Vue 3 中 [@vue/compiler-sfc] 提示 `defineEmits` 和 `defineProps` 不需要导入的原因及解决方案 #### 1. **原因分析** 在 Vue 3 的 `<script setup>` 语法糖中，`defineProps` 和 `defineEmits` 是编译器宏...

[@vue/compiler-sfc]`xxx` is a compiler macro and no longer needs to be imported.

qq_41914185的博客

03-22

7096

Vue 3 项目问题记录： [@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported. [@vue/compiler-sfc] `defineEmits` is a compiler macro and no longer needs to be imported. 遇到 Vue 3 编译警告 Vue 3.2 版本后不再需要手动导入 defineProps 和 defin

vue3.0 `defineEmits` is a compiler macro and no longer needs to be imported.

Fiona_lms的博客

11-24

6495

transforming (408) node_modules\naive-ui\es\progress\src\Progress.js[@vue/compiler-sfc] `defineEmits` is a compiler macro and no longer needs to be imported. [@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported.

vue3+ts 项目遇到的问题和bug

wusandaofwy的博客

11-06

7084

分析原因：因为在mian.js中，注册router总比pinia先，所以不能使用到store/index.js文件中createPinia方法解决方法：把store实例化放到路由守卫函数里面。

vue3 学习记录

zhuxiaolong1234的博客

01-29

1195

- 监视属性值car 应为car是一个对象类型所以监视car的时候可以不用写成函数的形式，但是这种情况只能监视car1和car2的变化不能检测到整体的变化因为car1 和 car2 变化的时候 person.car的地址值没有发生改变所以能检测到但是如果是整体发生了改变即对象的地址值发生了改变 person.car就监测不到了所以建议写成函数形式 () => person.car -->1、query参数在拼接字符串传递时可以-> to='/news/detail?

vue3中的[Vue warn]: defineProps() is a compiler-hint helper that is only usable inside script setup警告

m0_62317155的博客

07-23

1673

vue3中的[Vue warn]: defineProps() is a compiler-hint helper that is only usable inside script setup警告

Vue中一些需要注意的点（采坑）

xidongdong1的博客

11-23

3万+

前言：记录在学Vue中需要注意的问题 1.给link添加事件、给组件绑定原生事件在vue-router1中使用v-link写入路由，但是在vue-router2中要使用router-link写入路由，在浏览器渲染的时候会把router-link渲染成a。有时候需要为router-link注册事件，对于一般的html元素，直接使用@click="eventFun"即可，但是对于rout

Vue3实践的一些问题清单

Rainydaysqu的博客

10-21

1624

关于 vue3 的一些疑问点 1: 使用了 Vue3，是否都要遵循用 Composition API 的形式去写页面？答案是否定的。需要注意一点：Vue3 并没有废弃 Options API,甚至还会全力支持兼容 Vue2 语法的工作。而 CompositionAPI 出现的背景主要是为了解决逻辑抽象和和复用的问题，但不意味着它成为了 Vue3 的标准。So,如何区分场景使用Options API or Composition API主要看业务逻辑的复杂程序，例如一些简单的 toast/button