Vue3报错: ‘defineProps‘ is not defined,解决方法

问题出现:

今天在使用 <script setup>组合式 API 的语法糖的时候,定义defineProps时候报错:

'defineProps' is not defined

查了一下资料,这是因为eslint的语法校验导致的问题。

解决方法1:

在项目根目录的文件.eslintrc.js中做如下配置:

添加配置:"vue/setup-compiler-macros": true,配置完之后需要重启项目,即可解决。

解决方法2:

如果你的项目根目录下没有.eslintrc.js文件,那就找到package.json文件

找到eslintConfig配置项,在这里配置规则:"vue/setup-compiler-macros": true

相关推荐
别拿曾经看以后~22 分钟前
【el-form】记一例好用的el-input输入框回车调接口和el-button按钮防重点击
javascript·vue.js·elementui
我要洋人死24 分钟前
导航栏及下拉菜单的实现
前端·css·css3
川石课堂软件测试27 分钟前
性能测试|docker容器下搭建JMeter+Grafana+Influxdb监控可视化平台
运维·javascript·深度学习·jmeter·docker·容器·grafana
科技探秘人36 分钟前
Chrome与火狐哪个浏览器的隐私追踪功能更好
前端·chrome
科技探秘人37 分钟前
Chrome与傲游浏览器性能与功能的深度对比
前端·chrome
JerryXZR42 分钟前
前端开发中ES6的技术细节二
前端·javascript·es6
七星静香44 分钟前
laravel chunkById 分块查询 使用时的问题
java·前端·laravel
q2498596931 小时前
前端预览word、excel、ppt
前端·word·excel
小华同学ai1 小时前
wflow-web:开源啦 ,高仿钉钉、飞书、企业微信的审批流程设计器,轻松打造属于你的工作流设计器
前端·钉钉·飞书
problc1 小时前
Flutter中文字体设置指南:打造个性化的应用体验
android·javascript·flutter