Question

我正在使用NodeJs，express，typescript和nodemon开发应用程序。

但是当我更改ts文件中的一些代码时，页面没有刷新。

如何在js中编译ts文件并使用nodemon（或其他工具）刷新浏览器？

的package.json

{
  "name": "myapp",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "bcryptjs": "^2.4.3",
    "body-parser": "^1.17.2",
    "debug": "^2.6.8",
    "dotenv": "^2.0.0",
    "express": "^4.15.3",
    "iconv-lite": "^0.4.17",
    "inversify": "^4.11.1",
    "jsonwebtoken": "^7.4.1",
    "mongoose": "^5.0.10",
    "morgan": "^1.8.2",
    "passport": "^0.3.2",
    "passport-jwt": "^2.2.1",
    "rxjs": "^5.4.2",
    "typescript": "^2.7.2",
    "winston": "^2.3.1"
  },
  "devDependencies": {
    "@types/chai": "^4.0.0",
    "@types/debug": "0.0.29",
    "@types/dotenv": "^2.0.20",
    "@types/express": "^4.0.35",
    "@types/mocha": "^2.2.41",
    "@types/mongoose": "^4.7.15",
    "@types/morgan": "^1.7.32",
    "@types/node": "^6.0.77",
    "@types/passport": "^0.3.3",
    "@types/passport-jwt": "^2.0.20",
    "chai": "^4.0.2",
    "chai-http": "^3.0.0",
    "gulp": "^3.9.1",
    "gulp-clean": "^0.3.2",
    "gulp-typescript": "^3.1.7",
    "gulp-yaml": "^1.0.1",
    "mocha": "^3.4.2",
    "mocha-typescript": "^1.1.4"
  },
  "scripts": {
    "start": "gulp build && nodemon dist/index.js",
    "build": "gulp build",
    "test": "gulp build && mocha -t 30000 dist/**/*.test.js"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/devslaw/TypeScript-Node.js-REST-example.git"
  },
  "keywords": [],
  "author": "Arthur Arakelyan <arthur@devslaw.com>",
  "license": "ISC",
  "homepage": "https://github.com/devslaw/TypeScript-Node.js-REST-example#readme"
}

所以要知道，无论何时我做出改变，我都需要停止服务器并再次运行npm

Answer 1

问题在于您的启动脚本正在观看dist/index.js。仅当代码重新编译为纯JavaScript时，此文件夹才会更改。因此，您将需要观看打字稿文件。很棒的是，您可以更改nodemon的默认行为。您还需要将ts-node添加到package.json中。

尝试将脚本设置为以下内容：

nodemon --watch 'src/**/*.ts' --exec 'ts-node' src/index.ts

然后，您还将要设置一个nodemon.json文件，其中包含以下内容： { "watch": ["src"], "ext": "ts", "exec": "ts-node ./src/index.ts" }

使用typescript

1 个答案: