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

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 only when your dependencies or config have changed)vite v2.5.0 dev server running at:> Local: http://localhost:3000/> Network: use `--host` to exposeready in 1140ms.[@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported.

这是使用 vite 初始化生成的项目，什么都还也没改呢，怎么就报错。

提示说： ‘defineProps’ 是一个编译宏，不再需要导入。

看看哪里引入defineProps了呢?

搜索项目，在HelloWorld.vue中里发现了它:

即文件： vite-project/src/components/HelloWorld.vue

<template><h1>{{ msg }}</h1>
</template>
<script setup>
import { defineProps, reactive } from 'vue'defineProps({msg: String
})const state = reactive({ count: 0 })
</script>

解决办法：

将这句：

import { defineProps, reactive } from 'vue'

改成：

import { reactive } from 'vue'

即，删除 defineProps 的引入。

重新运行 npm run dev 即可。

估计是改了语法，但是实例项目没有更新导致的。

【END】

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

webpack 安装vue（两种代码模式compiler 和runtime）
使用webpack安装vue,import之后,运营项目报错,如下: [Vue warn]: You are using the runtime-only build of Vue where the ...
从 Arm Compiler 5 迁移到 Arm Compiler 6
在开始之前,建议先备份你的工程代码. 迁移条件要使用 ARM Compiler 6,建议MDK的版本至少为: MDK版本5.23或更高版本 MDK版本5.23提供两个编译器,分别是 ARM Comp ...
vue 热更新无反应_不吹不黑谈谈 vue 的 SFC 和 template
大家好,好久不贱,我是 132,今天给大家带来一篇关于 SFC 的文章为什么我曾经不看好 SFC 和 template 过去,我一直不看好 SFC 和 template,甚至因为这个观点,还被很多 ...
Vue项目安装XLSX成功后，生成项目报错：“export ‘default‘ (imported as ‘XLSX‘) was not found in ‘xlsx‘
在网上查了一下,主要是因为安装的xlsx版本不兼容问题到导致的于是安装了低版本的xlsx,版本为0.16.0,项目可成功运行,如下: 又试了一下0.17.0版本的,也可以运行.
vue3使用vite创建项目【2分钟】
命令讲解 [查看版本] [dalaojun@localhost luichunvue]$ node -v v14.15.0 [dalaojun@localhost luichunvue]$ npm - ...
使用 Vue3 + vite + elementUI 开发一个 Utools Markdown 编辑器插件
文章目录目的开发文档整理基础工具的集成初始化项目框架引入按需引用和 SASS 引入验证 utools 开发配置调试和打包插件功能实现依赖库的安装调用布局实现 Editor.vue ...
C/C++ tip: How to detect the operating system type using compiler predefined macros
转自:http://nadeausoftware.com/articles/2012/01/c_c_tip_how_use_compiler_predefined_macros_detect_oper ...
BCC（Borland C++ Compiler）编译 ISAPI 扩展或者用MinGW也行
今天突发神经,要写个ISAPI扩展,找了一下编译器,发现VS 2017的大小>VS 2015 > VS 2013 > VS 2010 > VS 6 & SP6>B ...
在项目中使用Google Closure Compiler
现在的Web项目总是离不开大量JavaScript,而JS文件的体积也越来越大,也越来越影响页面的感知性能(Perceived Performance).因此,我们会对JS文件进行压缩,一方面是使用G ...

[@vue/compiler-sfc] defineProps 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相关推荐

最新文章

热门文章