一、问题出现: 在进行使用 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)/
})
}
}
}