Nuxt搭配TypeScript开发时ForkTsCheckerWebpackPlugin内存溢出如何调整配置？

可以直接在Nuxt配置文件中调整该内存阈值参数，具体配置方式如下：

问题检查服务已中止，大概率为内存不足导致，请检查ForkTsCheckerWebpackPlugin配置中的memoryLimit参数。若调大内存阈值后问题仍未解决，该问题极有可能是TypeScript或EsLint的内部Bug导致。

配置步骤 #

1. Nuxt2 + TypeScript 项目 #

修改项目根目录下的nuxt.config.js或nuxt.config.ts文件，在build.typescript.typeCheck配置项下新增memoryLimit参数即可：

export default {
  // 其余原有配置保持不变
  build: {
    typescript: {
      typeCheck: {
        // 内存阈值单位为MB，默认值通常为2048，可根据设备配置调整为4096或更高
        memoryLimit: 4096
      }
    }
  }
}

2. Nuxt3 启用Webpack构建的项目 #

Nuxt3默认使用Vite构建，不会加载ForkTsCheckerWebpackPlugin，不会触发该报错。如果手动切换为Webpack构建，可按以下方式配置：

export default defineNuxtConfig({
  // 其余原有配置保持不变
  webpack: {
    plugins: [
      require('fork-ts-checker-webpack-plugin')({
        memoryLimit: 4096,
        typescript: {
          extensions: {
            vue: true
          }
        }
      })
    ]
  }
})

注意事项 #

• 内存阈值单位为MB，建议从4096（4G）开始逐步上调，不要一次性设置过高避免占用过多系统资源
• 若调整到8192（8G）后仍频繁触发报错，可排查项目是否存在循环类型定义、ESLint规则死循环，或降级TypeScript、ESLint版本规避内部缺陷

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