Nuxt项目更新后Pug报缩进警告，如何配置可保留缩进且不提示警告？

该报错是因为新版Nuxt构建链路中，<template>标签内的前导缩进会被直接传入Pug编译器，Pug默认要求首行无缩进，触发了非法token校验。可通过以下配置解决：

针对 Nuxt 3（Vite 构建环境） #

修改项目根目录下的nuxt.config.ts文件，添加Pug预处理配置：

export default defineNuxtConfig({
  vite: {
    vue: {
      template: {
        preprocessOptions: {
          pug: {
            trimBlocks: true,
            lstripBlocks: true
          }
        }
      }
    }
  }
})

针对 Nuxt 2（Webpack 构建环境） #

修改项目根目录下的nuxt.config.js文件，调整Pug loader配置：

module.exports = {
  build: {
    loaders: {
      pug: {
        trimBlocks: true,
        lstripBlocks: true
      },
      pugPlain: {
        trimBlocks: true,
        lstripBlocks: true
      }
    }
  }
}

配置项说明 #

• trimBlocks：自动移除Pug块级内容开头的换行与前导缩进
• lstripBlocks：自动过滤Pug每行开头的多余前导空格

配置完成后重启开发服务即可，原有缩进格式的Pug代码无需修改，不会再触发缩进警告。

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