vue报错之exports is not defined问题的解决

 更新时间:2023年07月01日 08:55:45   作者:牧马少女  
这篇文章主要介绍了vue报错之exports is not defined问题的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

vue报错exports is not defined

报错如下

原因

在项目中全局搜索exports,其他的文件都是配置文件,只有1个js文件是自己最近新增的,写了exports,估计出问题就是这个文件了。

该文件是用来声明全局函数的,百度查了一下,是声明函数时的写法没有按照ES6的语法来写。

 接下来,放代码:

//以前的错误写法
exports.install = function(Vue,options){
}
//正确的写法
let base={};
base.install = function(Vue,options){
};
export default base;

vue页面报错‘$‘ is not defined(no-undef) at xxxxx

今天在使用vue的时候,加入$('body').attr('class', 'login-layout light-login');报错。

<script>
    $('body').attr('class', 'login-layout light-login');
export default {
  name: 'App',
}
</script>

解决方案

在vue项目的根目录下,新增.eslintrc.js文件。

具体内容如下:

module.exports = {
    root: true,
    env: {
        node: true
    },
    'extends': [
        'plugin:vue/essential',
        'eslint:recommended'
    ],
    rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-undef': 'off',
        'vue/no-unused-vars': 'off',
        'vue/require-v-for-key': 'off',
        'no-unused-vars': 'off',
        'vue/no-unused-components': 'off'
    },
    parserOptions: {
        parser: 'babel-eslint'
    }
};

eslint,用于检测代码规范。

是一把双刃剑,有一些检测没必要,可以通过修改配置禁用掉。

总结

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

相关文章

  • Vue+axios使用FormData方式向后端发送数据

    Vue+axios使用FormData方式向后端发送数据

    在前后端分离的项目中经常使用到Vue+axios通过FormData的方式向后端发送表单数据,下面就来介绍一下如何实现,感兴趣的可以了解一下
    2023-09-09
  • vue封装公共方法的实现代码

    vue封装公共方法的实现代码

    这篇文章给大家介绍了vue封装公共方法的实现,文章中通过代码示例给大家介绍的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
    2024-01-01
  • Vue.js组件间的循环引用方法示例

    Vue.js组件间的循环引用方法示例

    组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。下面这篇文章主要给大家介绍了关于Vue.js组件间循环引用的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下。
    2017-12-12
  • VUE+Canvas 实现桌面弹球消砖块小游戏的示例代码

    VUE+Canvas 实现桌面弹球消砖块小游戏的示例代码

    这篇文章主要介绍了VUE+Canvas 实现桌面弹球消砖块小游戏,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-04-04
  • vue3.0翻牌数字组件使用方法详解

    vue3.0翻牌数字组件使用方法详解

    这篇文章主要为大家详细介绍了vue3.0翻牌数字组件使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • vue 获取到数据但却渲染不到页面上的解决方法

    vue 获取到数据但却渲染不到页面上的解决方法

    这篇文章主要介绍了vue 获取到数据但却渲染不到页面上的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • vant steps流程图的图标使用slot自定义方式

    vant steps流程图的图标使用slot自定义方式

    这篇文章主要介绍了vant steps流程图的图标使用slot自定义方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06
  • VUE JS 使用组件实现双向绑定的示例代码

    VUE JS 使用组件实现双向绑定的示例代码

    本篇文章主要介绍了VUE JS 使用组件实现双向绑定,详细的介绍了vue的双向数据绑定原理以及核心代码模块,具有一定的参考价值,有兴趣的可以了解一下。
    2017-01-01
  • vue实力踩坑 当前页push当前页无效的解决

    vue实力踩坑 当前页push当前页无效的解决

    这篇文章主要介绍了vue实力踩坑 当前页push当前页无效的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • 在vue中安装使用vux的教程详解

    在vue中安装使用vux的教程详解

    这篇文章主要介绍了在vue中安装使用vux的教程,本文给大家记录了vuex的安装使用过程,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2018-09-09

最新评论