vue3编译报错ESLint:defineProps is not defined no-undef的问题
更新时间：2024年03月04日 10:25:37 作者：左直拳
这篇文章主要介绍了vue3编译报错ESLint:defineProps is not defined no-undef的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue3编译报错ESLint:defineProps is not defined no-undef
解决之道
在/package.json的eslintConfig.env中加入一行：
"vue/setup-compiler-macros": true
网上找答案，总是扯什么修改.eslint.js文件，须知改文件位于node_modules，如大海捞针，并且有多个。
改这里是没有道理的，也没有效果。
可能是很久之前的答案了吧。
vue2.7 vue-cli项目中使用unplugin-vue-define-options
安装unplugin-vue-define-options
配置vue.config.js
module.exports = {
// ...省略其他无关配置
configureWebpack: (config) => {
config.plugins.push(require('unplugin-vue-define-options/webpack')())
},
}如果使用了ts配置tsconfig.json
{
"compilerOptions": {
// ....省略其他无关配置
"types": [
// ....省略其他无关配置
"unplugin-vue-define-options/macros-global"
],
// ....省略其他无关配置
}在组件中使用即可
<script setup lang="ts">
defineOptions({
name: 'Foo',
inheritAttrs: false,
})
</script>如果在开发模式下出现关于defineOptions引用错误，检查一下是否使用了unplugin-vue2-script-setup
我就遇到了，去掉这个插件后就没问题了如果在构建后出现ReferenceError: defineOptions is not defined错误，在vue.config.js中添加parallel: false配置可以解决
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本篇文章主要介绍了自定义vue组件发布到npm的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
这篇文章主要为大家介绍了vue+nodejs获取多个表数据的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
自定义指令是用来操作DOM的。自定义指令就是一种有效的补充和扩展，不仅可用于定义任何的DOM操作，并且是可复用的。这篇文章主要介绍了Vue.js自定义指令的用法与实例解析，一起看看吧2017-01-01
这篇文章主要介绍了vue如何对一个数据过滤出想要的item问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
开发中经常会使用环境变量,Vite相比于Webpack也有一定的变化,下面这篇文章主要给大家介绍了关于如何在vite里获取env环境变量的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-10-10
今天小编就为大家分享一篇vue 实现移动端键盘搜索事件监听，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
这篇文章主要为大家介绍了Vue的过度与动画，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
导入导出excel这是前端做管理系统最常用的功能了,下面这篇文章主要给大家介绍了基于Vue实现Excel解析与导出功能的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2021-08-08
解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题
这篇文章主要介绍了解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要为大家详细介绍了基于vuex实现购物车功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
最新评论