Fast refresh sometimes does not work

[kota65535]

Basically, Gatsby’s development server launched by gatsby develop shows my code changes within a second after the message "Re-building development bundle".
But sometimes (every about 10 minutes), "Re-building development bundle" does not finish after 10 minutes (I think this is enough time) and then I must restart the development server. This leads to a quite bad development experience.
Unfortunately, I cannot see when and what code changes caused the failure.

Does anyone else have the same problem?

[zhaohuanyuu]

which version are you using？

[kota65535]

I'm using v5.7.0.
I will try the latest v5.9.0 and check if the problem persists.

[kota65535]

Hmm, still have an issue with v5.9.0 (finally I've quitted by Ctrl-C)

[kota65535]

I figured out the problem.
This is because of not Gatsby but the out-of-date gatsby-plugin-typescript-checker. Unfortunately, this plugin is not maintained for 4 years.

Instead of using it, I directly added the latest fork-ts-checker-webpack-plugin as a dependency and then modified gatsby-node.ts as follows:

import { GatsbyNode } from "gatsby"
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin')

export const onCreateWebpackConfig: GatsbyNode["onCreateWebpackConfig"] = async ({ actions }, options) => {
    plugins: [
      new ForkTsCheckerWebpackPlugin()
    ],
  })
}

I think this suggestion should be noted in the type-checking section of gatsby-plugin-typescript documentation.