vue-cli4.0取消eslint语法检测

系统管理员 2023-02-22 07:41 10阅读 0赞

运行vue项目时报错：

You may use special comments to disable some warnings. Use // eslint-disable

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70][]

由于项目是使用vue-cli4创建的项目，目前里面没有build/webpack.base.conf.js文件。

我们在最外层的根目录下新建一个vue.config.js文件

在里面配置

module.exports = {
        devServer: {
            overlay: {
                warnings: false,
                errors: false
            }
        }
    }

保存重新启动项目

另一种解决方法： 直接注释掉package.json文件中eslint的配置就可以了

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70 1][]

// "eslintConfig": {
    
    //   "root": true,
    
    //   "env": {
    
    //     "node": true
    
    //   },
    
    //   "extends": [
    
    //     "plugin:vue/essential",
    
    //     "eslint:recommended",
    
    //     "@vue/prettier"
    
    //   ],
    
    //   "parserOptions": {
    
    //     "parser": "babel-eslint"
    
    //   },
    
    //   "rules": {}
    
    // },

或者直接将：  
  
// “eslint:recommended”, 注释掉关闭eslint

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200702095035764.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200702135537787.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg==,size_16,color_FFFFFF,t_70