将 babel 与 nodemon 一起使用时，文件更改时视图不会更新？答案

【问题标题】：When using babel with nodemon, view is not updated when files are changed?将 babel 与 nodemon 一起使用时，文件更改时视图不会更新？
【发布时间】：2019-06-01 19:15:48
【问题描述】：

package.json

  "scripts": {
    "build": "babel app.js -d dist",
    "start": "npm run build && nodemon dist/app.js"
  },

...

  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-env": "^1.7.0",
    "nodemon": "^1.18.9"
  }

app.js

import express from 'express';
const app = express();
const port = process.env.PORT || 3000;

app.use('/', (req, res) => {
  res.send('World 1');
});

app.listen(port, () => {
  console.log('Example app listening on port 3000!');
});

当我运行npm start

浏览器输出

对代码进行更改后，应用会重新启动。

在这里，我将“世界 1”制作为“世界 2”

但是当我刷新浏览器时，它仍然显示 World 1

如果我再次执行npm start 并重建，那么浏览器会显示“World 2”

我该如何解决这个问题？

[example-node-server]4

【问题讨论】：

标签： javascript express babeljs nodemon

【解决方案1】：

问题是 nodemon 正在运行构建的代码，而代码更改后构建没有发生。这就是你不更新的原因。

您应该考虑在开发时运行 nodemon 而无需构建

nodemon --exec babel-node lib/index.js

【讨论】：

【解决方案2】：

"start": "nodemon dist/app.js --exec babel-node --presets babel-preset-env",

要让 babel 与 nodemon 一起工作，你的启动脚本应该如上。

请转至this。

【讨论】：

我正准备用相同的答案发表评论。您刚刚在 36 秒前回答。 :)