开发者问题收集

如何更新我的 Heroku 服务器上的 TypeScript 编译器?

2019-07-27
476

我的 typescript 项目无法在 heroku 服务器上构建。

-----> Build
       Running build

       > [email protected] build /tmp/build_32c5a59b6806145803516c50f84fc693
       > tsc && node build/index.js

       error TS5023: Unknown compiler option 'esModuleInterop'.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `tsc && node build/index.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     /tmp/npmcache.DGTha/_logs/2019-07-27T07_56_31_141Z-debug.log
-----> Build failed

我能够在本地构建和运行应用程序。我的本地 tsc 版本是 3.5.1

但在我的 heroku bash 上我得到了这个。

~ $ tsc -v
message TS6029: Version 1.5.3

即使我在 heroku 上的 package.json 看起来像这样:

~ $ cat package.json
{
  "name": "back-end",
  "version": "1.0.0",
  "description": "",
  "main": "dist/index.js",
  "scripts": {
    "precompile": "rimraf build",
    "compile": "tsc && node build/index.js",
    "dev": "nodemon --watch src/ --exec \"npm run compile\" --verbose -e ts",
    "start": "tsc && node build/index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@types/cookie-parser": "^1.4.1",
    "@types/cors": "^2.8.5",
    "@types/express": "^4.17.0",
    "@types/jsonwebtoken": "^8.3.2",
    "@types/mongoose": "^5.5.11",
    "@types/node": "^12.6.8",
    "@types/passport-local": "^1.0.33",
    "axios": "^0.19.0",
    "body-parser": "^1.18.3",
    "cookie-parser": "^1.4.3",
    "cors": "^2.8.5",
    "crypto": "^1.0.1",
    "express": "^4.16.4",
    "express-jwt": "^5.3.1",
    "express-session": "^1.15.6",
    "jsonwebtoken": "^8.4.0",
    "mixer-client-node": "^2.7.1",
    "mongoose": "^5.4.1",
    "passport": "^0.4.0",
    "passport-local": "^1.0.0",
    "passport-mixer": "^1.0.1",
    "tsc": "^1.20150623.0",
    "uuid": "^3.3.2",
    "ws": "^7.0.1"
  },
  "eslintConfig": {
    "parser": "@typescript-eslint/parser",
    "plugins": [
      "@typescript-eslint"
    ],
    "extends": [
      "plugin:@typescript-eslint/recommended",
      "prettier/@typescript-eslint",
      "plugin:prettier/recommended"
    ],
    "rules": {
      "@typescript-eslint/indent": [
        "error",
        2
      ],
      "linebreak-style": 0
    }
  },
  "devDependencies": {
    "@babel/cli": "^7.5.5",
    "@babel/core": "^7.5.5",
    "@typescript-eslint/eslint-plugin": "^1.13.0",
    "@typescript-eslint/parser": "^1.13.0",
    "concurrently": "^4.1.0",
    "eslint": "^5.12.0",
    "eslint-config-airbnb": "^17.1.1",
    "eslint-config-prettier": "^6.0.0",
    "eslint-plugin-import": "^2.14.0",
    "eslint-plugin-jsx-a11y": "^6.1.2",
    "eslint-plugin-prettier": "^3.1.0",
    "eslint-plugin-react": "^7.12.3",
    "eslint-watch": "^4.0.2",
    "prettier": "^1.18.2",
    "rimraf": "^2.6.3",
    "typescript": "^3.5.3"
  }
}

注意 "tsc": "^1.20150623.0" 。正如您所期望的,这与我本地的 package.json 完全相同。

但是,当我在本地机器上运行 tsc -v 时,我得到了这个:

> tsc -v

Version 3.5.3

我尝试通过运行 npm uninstall -g tsc 然后通过 heroku bash 重新安装来修复此问题。这并没有解决问题。

为什么我的 heroku 服务器上的 tsc 版本如此过时?为什么默认情况下全局安装 tsc?(我必须使用 npm 脚本来检查我机器上的版本)。如何在 heroku 上更新 tsc 并修复此问题?

3个回答

正如您所注意到的,您可能已经全局安装了 tsc,这将忽略您在 package.json 中定义的内容。要专门使用您在项目中安装的那个,请尝试运行

npx tsc -v

这将使用您本地安装的 typescript 和 tsc。当然,您可以使用 npx tsc 来编译您的项目,并使用您在包中指定的 tsc 版本。

Luca T
2019-07-27

tsc 似乎不是 NPM 包 ,因此您可能可以将其完全删除。这只是目前的困惑。我认为您想要的是 typescript

您的 package.json 中确实有 typescript ,但它列在 devDependencies 下,而不是 dependencies 下。默认情况下 您无法在运行时使用 devDependencies :

After running the installation and build steps Heroku will strip out the packages declared under devDependencies before deploying the application.

如果您在运行时确实需要 tsc ,请将其移至 dependencies

Chris
2019-07-27

我发现我做错了什么。

首先, tsc 不是有效的 npm 模块,请不要安装它。

相反,tsc bash 命令来自 typescript 模块。

如果您的 heroku 服务器上的 npm 模块版本存在问题,请尝试禁用 node_modules 缓存

https://devcenter.heroku.com/articles/nodejs-support#cache-behavior

这为我解决了这个问题。

devaent
2019-07-27