zoukankan      html  css  js  c++  java
  • Module build failed: Module failed because of a eslint warning

    eslint 设置 warning 级别,在 开发编译失败的原因,报错如下:

    F:vue-mobile-skeleton>npm run dev
    
    > byhealth@1.0.0 dev F:vue-mobile-skeleton
    > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
    
     94% asset optimization
    
     ERROR  Failed to compile with 1 errors                                                                         22:51:17
    
    
     error  in ./src/app.vue
    
    Module build failed: Module failed because of a eslint warning.
    
      ⚠  http://eslint.org/docs/rules/no-unused-vars  'o' is assigned a value but never used
      srcapp.vue:60:7
      const o = 90;
             ^
    
    
    ✘ 1 problem (0 errors, 1 warning)
    
    
    Warnings:
      1  http://eslint.org/docs/rules/no-unused-vars
    
     @ ./src/main.js 12:0-28
     @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
    

    Module build failed: Module failed because of a eslint warning的原因,为自己当时即使是eslint 设置 warning 规则,在热更新都会报错,无法编译通过的! 

    解决:

    1:把这个没有使用变量,删除

    2:使用 注释方式不进行检测 => // eslint-disable-next-line

    3:把  eslint-laoder 的选项设置 fasle 即可;

    // 目录:/build/webpack.base.conf.js 
    
    const createLintingRule = () => ({
        test: /.(js|vue)$/,
        loader: 'eslint-loader',
        enforce: 'pre',
        include: [resolve('src'), resolve('test')],
        options: {
            formatter: require('eslint-friendly-formatter'),
            emitError:false,
            emitWarning: config.dev.showEslintErrorsInOverlay,
            fix: true,
            failOnError: true,
            //如果有eslint警告,加载器将导致模块构建失败。
            //设置 false 即可,去除此检验
            failOnWarning: false,
        }
    })

    但是,还是看个人喜好,若是单单在控制台提示警告也可以,不过我本人不想看到有警告,所以就硬性设为 true 不让编译通过,个人喜爱而已!

  • 相关阅读:
    Mysql 用户管理
    php插件名称 yum安装
    U盘模式无法引导进入pe系统
    修改 ssh 远程连接 时间
    tomcat 安装在 linux
    tomcat 配置文件 server.xml
    Linux 安装 jdk
    高可用web架构: LVS+keepalived+nginx+apache+php+eaccelerator(+nfs可选 可不选)
    Keepalived 工作原理和配置说明
    Mysql 初始化 及 密码管理
  • 原文地址:https://www.cnblogs.com/l-yabiao/p/10404139.html
Copyright © 2011-2022 走看看