Next.js+TypeScript编译Set迭代报错，修改tsconfig无效如何解决？

以下是针对你遇到的Type error: Type 'Set' can only be iterated through when using the '--downlevelIteration' flag or with a '--target' of 'es2015' or higher错误的可行解决步骤：

• 确认Next.js读取的tsconfig文件
  部分项目会存在多个TypeScript配置文件（比如tsconfig.json和tsconfig.next.json），Next.js可能优先使用后者。检查项目根目录下的next.config.js，确认是否指定了tsconfigPath，确保你修改的是对应路径的配置文件。

• 在next.config.js中强制配置TypeScript选项
  Next.js可能会对tsconfig的部分选项做默认覆盖，直接在项目配置中指定编译选项更可靠：

  module.exports = {
    typescript: {
      compilerOptions: {
        target: "es2015",
        downlevelIteration: true,
      },
    },
  };
  

• 清理编译缓存
  旧缓存可能导致配置未生效，执行以下操作：

  1. 删除项目根目录下的.next文件夹
  2. 删除node_modules/.cache目录
  3. 重新执行npm run build，或者直接运行npm run build --no-cache跳过缓存

• 检查第三方依赖问题
  如果错误来自第三方依赖，可能是依赖未正确编译导致的。可以：

  1. 将对应依赖添加到next.config.js的transpilePackages中，强制Next.js重新编译该依赖：

     module.exports = {
       transpilePackages: ["依赖包名称"],
     };
     

  2. 尝试升级该依赖到最新版本，看是否修复了兼容性问题

• 验证tsconfig配置优先级
  如果你的tsconfig.json使用了extends（比如extends: "next/core-web-vitals"），确保你的compilerOptions中的target和downlevelIteration配置写在extends之后，这样才能覆盖继承的配置。

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