javascript - 使用 Node 14 使 Express Static 停止 "pending"？

Question

我半年前问过这个问题，但我仍然遇到同样的问题:Express Static network requests stuck on "pending"
Tl; dr:Node 14 + Webpack watch mode + Express Static 导致浏览器在我每次更改 JS 文件时挂起。这发生在多个浏览器中，重新启动服务器后，清除缓存后。
让浏览器停止挂起的两种方法是:

关闭并重新打开标签

转到主页 (http://localhost)

这个问题在 Node 12 中不会发生。有没有办法让浏览器在 Node 14+ 中停止挂起？
编辑:这是我的 Express 代码，正在处理 repro 的 repo:

const app = express();
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(cookieParser());
app.use(cors({
  origin: HOME_URL,
  optionsSuccessStatus: 200,
}));
app.disable('x-powered-by');

app.use('/api', apiRoutes);
app.use('/sse', sseRoute);

if (process.env.SERVER !== 'production') {
  app.use('/', express.static(
    path.resolve('./build/web'),
    { dotfiles: 'allow' },
  ));

  app.get('*', async (req, res) => {
    const indexFile = await fs.promises.readFile(
      path.resolve('./build/web/index.html'),
    );
    res.send(indexFile.toString());
    res.end();
  });
} else {
  app.all('*', (req, res, next) => {
    if (req.secure || !USE_SSL) {
      next();
    } else {
      res.redirect(`https://${req.hostname}${req.url}`);
    }
  });

  app.use('/', express.static(path.resolve('../web')));

  const indexFile = fs.readFileSync(path.resolve('../web/index.html')).toString();
  app.use('*', async (req, res) => {
    res.send(indexFile);
    res.end();
  });
}

Answer 1

如果您将SPA作为静态内容提供服务，您是否可以尝试更改此部分:

app.use('/', express.static(path.resolve('../web')));

  const indexFile = fs.readFileSync(path.resolve('../web/index.html')).toString();
  app.use('*', async (req, res) => {
    res.send(indexFile);
    res.end();
  });

有了这个:

const path = require('path');
const rootPath = path.normalize(__dirname);

// Serve Angular/React frontend files 
app.use('/', express.static(rootPath + '/web', { redirect: false }));

// Rewrite virtual urls to Angular/React app
app.get('*', function (req, res, next) {
    res.sendFile(path.resolve(rootPath + '/web/index.html'));
});