TypeError: Cannot read property 'eslint' of undefined 的解决

一、问题出现： 在进行使用 nuxt 创建项目的过程中，遇到了这样的异常，Module build failed (from ./node_modules/eslint-loader/index.js)， 异常如下图所示：

二、问题分析及解决：这个异常说明了模块加载失败， eslint未定义，我们可以在 nuxt 的项目文件中，找到 nuxt.config.js 文件中，找到 build模块，发现 ctx.isClient，如下所示：

build: {
    /*
     ** Run ESLINT on save
     */
    extend (config, ctx) {
      if (ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    }
  }

所以，我们需要把 is 去掉，变为 ctx.Client， 这样问题就可以解决了，如下所示：

build: {
    /*
     ** Run ESLINT on save
     */
    extend (config, ctx) {
      if (ctx.Client) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    }
  }