ウェブサイト検索

reactjs - Nextjsで保存時にTypeScriptの型エラーを表示する方法


私は Nextjs の TypeScript プロジェクトで作業しており、型エラーが他の種類のエラーのようにアプリの実行を止めないことに気づきました。それは私にとって問題ですが、さらに大きな問題は TypeError がビルド時に発生し、デプロイを行う必要があるときに主に型エラーを発見することになる点です。

開発中にTypeScriptのエラーがアプリの実行を停止させる方法はありますか?これを実現するにはどの設定を使えばよいですか?

それは私のtsconfig.jsonです

{
  "compilerOptions": {
    "target": "es2020",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "baseUrl": ".",
    "downlevelIteration": true,
    "paths": {
      "~components/*":["src/components/*"],
      "~styles/*":["src/styles/*"],
      "~store/*":["src/store/*"],
      "~snippets/*":["src/snippets/*"],
      "~utils/*":["src/utils/*"],
      "~interfaces/*":["src/interfaces/*"],
      "~services/*":["src/services/*"],
      "~transformer/*":["src/transformer/*"],
    }
  },
  "include": [
    "next-env.d.ts",
    "**/*.ts",
    "**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}