当下一个 js 发生错误时，Typescript 编译器不会停止答案

【问题标题】：Typescript compiler does not stop when a error occured in next js当下一个 js 发生错误时，Typescript 编译器不会停止
【发布时间】：2021-08-18 02:36:33
【问题描述】：

我想在我的项目中在 typescript 旁边使用 nextjs。我使用了 npx create-next-app --typescript（将 typescript 添加到下一个的官方方式）。一切正常，但是当出现打字稿错误时，例如 const st:string =3;编译器成功运行，我只在我的 IDE 中收到错误，编译器不会停止。我想在运行时 npm run dev 命令编译器向我显示错误然后失败。如果有人可以帮助我，我将不胜感激

这是我的 tsconfig 文件

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules"]
}

【问题讨论】：

它是intended，在开发过程中默认是不可能的。但是，在运行 next build 时会进行类型检查。

标签： javascript reactjs typescript next.js tsconfig

【解决方案1】：

如果您想要更好的智能感知来弄清楚发生了什么，请确保启用 strictNullChecks: true 和 alwaysStrict: true

这将增强您的 TSX 体验

{
    "compilerOptions": {
        "target": "es5",
        "module": "esnext",
        "lib": ["ESNext", "DOM", "DOM.Iterable"],
        "declaration": true,
        "strict": true,
        "noImplicitAny": true,
        "strictNullChecks": true,
        "noImplicitThis": true,
        "alwaysStrict": true,
        "moduleResolution": "node",
        "noUnusedLocals": false,
        "noUnusedParameters": false,
        "jsx": "preserve",
        "downlevelIteration": true,
        "noImplicitReturns": true,
        "noFallthroughCasesInSwitch": true,
        "inlineSourceMap": true,
        "inlineSources": true,
        "experimentalDecorators": true,
        "strictPropertyInitialization": true,
        "baseUrl": ".",
        "allowJs": true,
        "skipLibCheck": true,
        "forceConsistentCasingInFileNames": true,
        "noEmit": true,
        "esModuleInterop": true,
        "resolveJsonModule": true,
        "isolatedModules": true,
        "paths": {
            "@/components/*": ["components/*"],
            "@/config/*": ["config/*"],
            "@/graphql/*": ["graphql/*"],
            "@/lib/*": ["lib/*"],
            "@/pages/*": ["pages/*"],
            "@/scripts/*": ["scripts/*"],
            "@/styles/*": ["styles/*"],
            "@/test/*": ["test/*"],
            "@/types/*": ["types/*"]
        }
    },
    "include": ["**/*.d.ts", "**/*.ts", "**/*.tsx", "**/*.js"],
    "exclude": ["node_modules", ".next", "out"]
}

【讨论】：