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配置可以解决

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vscode 插件开发 + vue的操作方法

    vscode 插件开发 + vue的操作方法

    这篇文章主要介绍了vscode 插件开发 + vue的操作方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06
  • vue计算属性computed的使用方法示例

    vue计算属性computed的使用方法示例

    这篇文章主要介绍了vue计算属性computed的使用方法,结合实例形式分析了vue计算属性computed的基本用法及相关操作注意事项,需要的朋友可以参考下
    2019-03-03
  • vue之监听页面是否以到底部

    vue之监听页面是否以到底部

    这篇文章主要介绍了vue之监听页面是否以到底部问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • vue视图响应式更新详细介绍

    vue视图响应式更新详细介绍

    这篇文章主要介绍了Vue响应式原理,响应式就是当对象本身(对象的增删值)或者对象属性(重新赋值)发生了改变的时候,就会运行一些函数,最常见的示render函数
    2022-09-09
  • vue中数据不响应的问题及解决

    vue中数据不响应的问题及解决

    这篇文章主要介绍了vue中数据不响应的问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • 基于axios 的responseType类型的设置方法

    基于axios 的responseType类型的设置方法

    今天小编就为大家分享一篇基于axios 的responseType类型的设置方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • Vue transition过渡组件详解

    Vue transition过渡组件详解

    我们现在可以了解一下vue的过渡,vue在插入、更新以及移除DOM元素的时候,提供了很多不同方式过渡的效果,如果在css过渡自动应用class,在过渡钩子函数中使用JavaScript直接操作DOM就可以了
    2022-08-08
  • vant的picker的坑及解决

    vant的picker的坑及解决

    这篇文章主要介绍了vant的picker的坑及解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • vue.js实现点击图标放大离开时缩小的代码

    vue.js实现点击图标放大离开时缩小的代码

    这篇文章主要介绍了vue.js实现点击图标放大离开时缩小,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-01-01
  • vuecli4插件svg-sprite-loader使用svg图标

    vuecli4插件svg-sprite-loader使用svg图标

    这篇文章主要为大家介绍了vuecli4插件svg-sprite-loader使用svg图标示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08

最新评论