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项目
这篇文章主要介绍了如何用命令窗口的方式创建Vue项目过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-08-08
详解Vuex的属性
Vuex是专为Vue.js应用程序开发的状态管理模式，这篇文章主要介绍了Vuex的属性，本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2022-08-08
vue3的自动化路由unplugin-vue-router插件详解
unplugin-vue-router是一款为Vue3设计的插件,能自动生成符合VueRouter标准的路由配置,简化路由管理流程,通过自动扫描文件目录,无需手动维护路由,适合与Vite和Vue Router 5结合使用,本文介绍vue3的自动化路由unplugin-vue-router插件,感兴趣的朋友一起看看吧
2026-01-01
浅谈vue中$bus的使用和涉及到的问题
这篇文章主要介绍了浅谈vue中$bus的使用和涉及到的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-07-07
Vue项目打包编译优化方案
当一个较复杂的vue项目打包后，文件会非常大，而且访问时资源加载速度很慢，本文介绍了几种措施来优化。
2020-09-09
vue实现商城上货组件简易版
这篇文章主要为大家详细介绍了vue实现商城上货组件简易版，50行js代码实现效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-11-11
前端Vue2使用脚手架的详细步骤流程
这篇文章主要介绍了前端-Vue2使用脚手架的相关资料,VueCLI是Vue命令行工具,用于快速搭建、配置Vue项目,集成构建、插件、开发服务器等功能,需要的朋友可以参考下
2025-06-06
vue axios同步请求解决方案
这篇文章主要介绍了vue axios同步请求解决方案,需要的朋友可以参考下
2017-09-09
使用vue构建多页面应用的示例
这篇文章主要介绍了使用vue构建多页面应用的示例，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下
2020-10-10
用vue3封装一个符合思维且简单实用的弹出层
最近新项目中需要一个弹窗组件,所以我就做了一个,下面这篇文章主要给大家介绍了关于如何利用vue3封装一个符合思维且简单实用的弹出层,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-05-05