zoukankan      html  css  js  c++  java
  • vue报错:'XX' is defined but never used no-unused-vars

    参考地址:http://www.gold404.cn/info/87
    导致这个报错的原因就是eslint校验,
    就是你当初在vue创建脚手架的时候选择了eslint校验;
    后面你绝对会碰到这样的报错,毋庸置疑。
    而这个报错信息也很简单,就是你定义了某个变量,但是你没有使用它。
    eslint规范就是你要么不定义,要么定义了就一定得用,就像那个啥,你必须得负责任
    

    下面说说怎么一劳永逸的解决这个报错吧。如果你是使用vue-clii3以上版本,打开你的.eslintrc.js文件,在rule中添加:
    .eslintrc.js文件
    
    module.exports = {
        root: true,
        parserOptions: {
          sourceType: 'module'
        },
        parser: "vue-eslint-parser",
        env: {
          browser: true,
          node: true,
          es6: true,
        },
        rules: {
          'no-console': 'off',
         'no-unused-vars':'off'//意思就是不让eslint校验我定义有没有用了。
        }
      }
    
    如果你没有这个文件 创建这样的文件即可。
    这样你就可以解决这个问题了
    
    eslint简介
    eslint是用来管理和检测js代码风格的工具,可以和编辑器搭配使用,如vscode的eslint插件 当有不符合配置文件内容的代码出现就会报错或者警告
    
    // http://eslint.org/docs/user-guide/configuring
     
    module.exports = {
        //此项是用来告诉eslint找当前配置文件不能往父级查找
        root: true, 
        //此项是用来指定eslint解析器的,解析器必须符合规则,babel-eslint解析器是对babel解析器的包装使其与ESLint解析
        parser: 'babel-eslint',
        //此项是用来指定javaScript语言类型和风格,sourceType用来指定js导入的方式,默认是script,此处设置为module,指某块导入方式
        parserOptions: {
            sourceType: 'module'
        },
        //此项指定环境的全局变量,下面的配置指定为浏览器环境
        env: {
            browser: true,
        },
        // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
        // 此项是用来配置标准的js风格,就是说写代码的时候要规范的写,如果你使用vs-code我觉得应该可以避免出错
        extends: 'standard',
        // required to lint *.vue files
        // 此项是用来提供插件的,插件名称省略了eslint-plugin-,下面这个配置是用来规范html的
        plugins: [
            'html'
        ],
        // add your custom rules here
        // 下面这些rules是用来设置从插件来的规范代码的规则,使用必须去掉前缀eslint-plugin-
        // 主要有如下的设置规则,可以设置字符串也可以设置数字,两者效果一致
        // "off" -> 0 关闭规则
        // "warn" -> 1 开启警告规则
        //"error" -> 2 开启错误规则
        // 了解了上面这些,下面这些代码相信也看的明白了
        'rules': {
            // allow paren-less arrow functions
            'arrow-parens': 0,
            // allow async-await
            'generator-star-spacing': 0,
            // allow debugger during development
            'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
        }
    }
    
    如果你的团队不是特别的大,
    或者你对eslint不是特别的熟悉,
    个人不建议你在创建脚手架的安装eslint,因为后期可能会非常的麻烦哈,真的是非常的麻烦;
    
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    这两个插件删除了
    
    作者:明月人倚楼
    出处:https://www.cnblogs.com/IwishIcould/

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!

    万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    支付宝
    微信
    本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    ACM模板(Java)
    【HDU 6008】Worried School(模拟)
    【HDU 6005】Pandaland(Dijkstra)
    jQuery和js使用点滴
    springmvc入门(1)
    MyBatis延迟加载和缓存(4)
    MyBatis高级映射查询(3)
    教你如何下载微信公众号的音频文件
    MyBatis代理开发(2)
    MyBatis入门程序(1)
  • 原文地址:https://www.cnblogs.com/IwishIcould/p/13684481.html
Copyright © 2011-2022 走看看