javascript - node.js:删除 require.cache 不起作用

标签 javascript node.js hot-module-replacement

我正在尝试使用 chokidar 构建用于 koa2 开发的 HMR。

更改 ./middlewares/render 中的文本会触发 chokidar 文件监视事件,并且 require.cache 按预期立即清除,但是当我重新加载页面时,呈现的文本实际上没有更改。

./index.js

const path = require('path');
const http = require('http');
const Koa = require('koa');
const chokidar = require('chokidar');
const views = require('./middlewares/views.js');
const render = require('./middlewares/render.js');

const PORT = 3000;

const app = new Koa();

app.use(views);

app.use(render);

const server = http.createServer(app.callback());

server.listen(PORT, function() {
  console.log('server now listening on port: %s', PORT);
});

const watcher = chokidar.watch([
  path.resolve(__dirname, './middlewares'),
]);

watcher.on('ready', function() {
  watcher.on('all', function(event, filename) {
    console.log('clearing module cache...');
        Object.keys(require.cache).forEach(function (id) {
          if (/[\/\\]middlewares[\/\\]/.test(id)) {
            console.log('delete cache: %s', id);
            delete require.cache[id];
          }
        });
  });
});

./middlewares/views.js

const views = require('koa-views');

module.exports = views('./templates', {
  http: 'ejs',
  extension: 'ejs',
});

./middlewares/render.js

module.exports = async (ctx, next) => {
  // CHANGING THIS TEXT, TRIGGERS CHOKIDAR FILE-WATCH EVENT.
  // REQUIRE.CACHE SEEMS CLEARED IMMEDIATELY.
  // BUT WHEN I RELOAD PAGE, TEXT DOES NOT CHANGES!
  const content = 'test delete require.cache.'; 
  await ctx.render('main.ejs', { content: content });
};

./templates/index.ejs

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Node Repo</title>
</head>
<body>
  <div><%- content %></div>
</body>
</html>

最佳答案

好的...这个repository有帮助。

以前

const views = require('./middlewares/views.js');
const render = require('./middlewares/render.js');

app.use(views);
app.use(render);

现在

app.use(async (ctx, next) => {
  const views = require('./middlewares/views.js');
  await views(ctx, next);
});

app.use(async (ctx, next) => {
  const render = require('./middlewares/render.js');
  await render(ctx, next);
});

关于javascript - node.js:删除 require.cache 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45369481/

相关文章:

javascript - 将 JS 变量推送到 PHP、调用 PHP 函数、将结果作为 JSON 字符串获取到 JS 时出现 404,并且在使用它时可能会失败

javascript - 异步 AJAX 调用后谷歌地图呈现问题

for循环之间的Javascript超时?

reactjs - Vite React TypeScript monorepo 热模块重新加载(HMR)不起作用

typescript - 如何让热模块重新加载以在 typescript monorepo 中工作

javascript - 如何在一个组件vue上创建多个图表

javascript - 正则表达式:提取 SVG 路径 d 属性

javascript - 如何仅在多个其他功能完成后才执行 Javascript 功能?

node.js 缺少使用 `V8: Isolates`

javascript - Create-React-App 在热重载时丢失 Redux 存储状态