Question

我的打字稿项目无法在我的heroku服务器上构建。

-----> Build
       Running build

       > back-end@1.0.0 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! back-end@1.0.0 build: `tsc && node build/index.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the back-end@1.0.0 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并解决此问题？

Answer 1

您已经注意到，您可能已经在全球范围内安装了tsc，它将忽略您在package.json中定义的内容。要专门使用您在项目中安装的版本，请尝试运行

npx tsc -v

这将使用您本地安装的打字稿和tsc。当然，您可以使用npx tsc用您在软件包中指定的tsc版本编译项目。

Answer 2

tsc doesn't seem to be an NPM package，因此您可以将其完全删除。目前只是一个混乱。我认为您想使用typescript。

您的typescript中确实有package.json，但是它列在 devDependencies 下，而不是dependencies下。默认情况下，you can't use devDependencies at runtime：

运行安装后，build steps在部署应用程序之前，Heroku将清除devDependencies下声明的软件包。

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

Answer 3

我发现我做错了。

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

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

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

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

这为我解决了这个问题。

Answer 4

当我使用TypeScript部署React项目时遇到了一些问题。因此，我找到了一种解决问题的方法是使用Webpack。 Webpack将从您的Typescript文件中创建一个main.js文件，因此Heroku可以知道您部署了什么。

您可以在此处找到更多信息：enter link description here

如何在heroku服务器上更新打字稿编译器？

4 个答案: