Nuxt.js遇Module build failed错误：无法推断解析器求解决

我之前也碰到过这个一模一样的问题！当时在Nuxt 1.x环境下和你用的Prettier版本差不多，折腾了好几种方法才解决，给你几个亲测有效的方案：

1. 明确指定Prettier的Vue解析器 #

这个是最直接的解决方案，错误的核心就是Prettier不知道该用什么解析器处理Vue模板。你可以在项目根目录创建一个.prettierrc配置文件，内容如下：

{
  "parser": "vue"
}

或者直接在项目的package.json里添加Prettier配置：

"prettier": {
  "parser": "vue"
}

这样Prettier就会强制使用Vue解析器处理相关文件，不用再去推断路径对应的解析器了。

2. 调整vue-loader版本适配依赖 #

Nuxt 1.0.0对应的vue-loader版本可能和你当前的Prettier版本存在兼容性问题，你可以尝试锁定vue-loader到适配的版本：

• 在package.json中添加或修改：

"vue-loader": "^13.7.3"

• 删除node_modules文件夹和package-lock.json（如果用yarn的话就是yarn.lock）
• 重新执行npm install或yarn install

3. 禁用Nuxt模板的自动Prettier格式化 #

如果上面两种方法都没效果，你可以直接在Nuxt配置里关闭模板的Prettier处理，避免冲突。修改nuxt.config.js的build部分：

module.exports = {
  build: {
    extend(config, { isDev, isClient }) {
      // 找到vue-loader的配置并移除prettier选项
      const vueLoaderRule = config.module.rules.find(rule => rule.loader === 'vue-loader')
      if (vueLoaderRule?.options?.compilerOptions) {
        delete vueLoaderRule.options.compilerOptions.prettier
      }
    }
  }
}

问题原因补充 #

这个错误出现的本质是旧版的vue-loader和Nuxt的集成逻辑中，没有正确把文件路径传递给Prettier，导致Prettier无法自动推断应该使用Vue解析器来处理模板文件，所以要么明确指定解析器，要么调整依赖版本修复这个传递问题，或者干脆禁用自动格式化来绕过冲突。

内容的提问来源于stack exchange，提问作者Hardik Shah