How do I compile Typescript at Heroku postinstall?

Question

Instead of uploading the precompiled dist directory, I want to compile src at server side instead.

Here are my scripts inside package.json:

"scripts": {
    "test": "echo \"No test specified\" && exit 0",
    "start": "node dist/app.js",
    "postinstall": "tsc"
  }

Here are the dependencies:

"dependencies": {
    "@types/express": "^4.11.1",
    "@types/pg": "^7.4.4",
    "@types/socket.io": "^1.4.31",
    "body-parser": "^1.18.2",
    "express": "^4.16.2",
    "pg": "^7.4.1",
    "socket.io": "^2.0.4",
    "tslint": "^5.9.1",
    "typescript": "^2.7.2"
  }

Since 'npm install will add the node_modules/.bin folder to the PATH environment variable during installation', Heroku should be able to call it directly.

But here is the error I get:

Building dependencies
       Installing node modules (package.json + package-lock)

       > [email protected] postinstall /tmp/build_afa42c7943d4b71d2b48a016ae3b9e50
       > tsc

       sh: 1: tsc: not found
       npm ERR! file sh
       npm ERR! code ELIFECYCLE
       npm ERR! errno ENOENT
       npm ERR! syscall spawn
       npm ERR! [email protected] postinstall: `tsc`
       npm ERR! spawn ENOENT
       npm ERR!
       npm ERR! Failed at the [email protected] postinstall 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.LTxbD/_logs/2018-02-25T10_36_06_374Z-debug.log
-----> Build failed

You can also check my answer

Mr.X
– Mr.X

2020-07-26 19:24:22 +00:00
Commented Jul 26, 2020 at 19:24 — Mr.X
– Mr.X, Commented Jul 26, 2020 at 19:24

Shane · Accepted Answer · 2018-02-25 11:19:59Z

28

You need to call tsc from an npm script. Otherwise Heroku tries to find a global dependency named tsc.

Create a new npm script in your package.json:

"tsc": "tsc"

now replace "postinstall": "tsc" with:

"postinstall": "npm run tsc"

answered Feb 25, 2018 at 11:19

Shane

3,2091 gold badge19 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Talha Talip Açıkgöz Over a year ago

Exactly! Thanks for saving my day, uhm week.

Archin Modi Over a year ago

it's not working on bitbucket pipeline, how can i solve?

Marek Urbanowicz Over a year ago

Probably it is missing TSC. Dev dependency only?

Katona Over a year ago

@MarekUrbanowicz but dev dependency should still work, the doc says dev dependences are kept for the duration of install and build steps, or I am missing something?

Frank HN · Accepted Answer · 2021-05-13 10:30:26Z

10

Typescript should be installed as a devdependency

have web: node server.js in your procfile

make sure to add npm build as a postinstall script

Telling npm that typescript is installed locally will fix tsc not found issue, since npm is trying to find it globally on heroku.

like this.

"tsc": "./node_modules/typescript/bin/tsc",
"build": "tsc",
"postinstall": "npm run build",

answered May 13, 2021 at 10:30

Frank HN

5355 silver badges12 bronze badges

1 Comment

Arunabh Das Over a year ago

This should be marked as the correct answer. It is definitely better than the current marked correct answer.

Konstantin Toroshchin · Accepted Answer · 2020-09-13 13:29:47Z

3

Spent a while to deploy my simple typescript create-react-app to Heroku. Here what worked for me.

package.json - does not need postinstall at all

In the command line install buildpack for your application run: heroku buildpacks:add zidizei/typescript heroku buildpacks:add heroku/nodejs

You can also search for buildpacks run: heroku buildpacks:search typescript

My server looks like that (/root/server.js)

const express = require('express')
const app = express()
const PORT = process.env.PORT || 3000

app.use(express.static('build'));
app.listen(PORT, () => console.log(`Listening on port ${PORT}`))

package.json

 "scripts": {
    "start": "node server.js",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }

Also before pushing to heroku, do run 'npm run build'.

My solution wont work if you gonna use webpack dev server, it must be custom server, in my case it was EXPRESS.

edited Sep 13, 2020 at 13:29

answered Sep 12, 2020 at 3:06

Konstantin Toroshchin

313 bronze badges

1 Comment

Talha Talip Açıkgöz Over a year ago

The whole purpose we use post-install is to not to run the build script everytime we push the repo.

ppegu · Accepted Answer · 2021-03-26 06:58:32Z

1

just install typescript as dependency it will work

answered Mar 26, 2021 at 6:58

ppegu

5022 gold badges10 silver badges24 bronze badges

1 Comment

Frank HN Over a year ago

Typescript should be added as a dev dependency. You only need to tell npm that typescript is installed locally by adding this to your script "tsc": "./node_modules/typescript/bin/tsc",

MD Jahid Hasan · Accepted Answer · 2022-07-27 16:55:25Z

0

For me in package.json

"scripts": {
    "tsc": "./node_modules/typescript/bin/tsc",
    "postinstall": "npm run tsc"
  },

Works for me.

answered Jul 27, 2022 at 16:55

MD Jahid Hasan

1,1333 gold badges14 silver badges24 bronze badges

Comments

SwissCodeMen · Accepted Answer · 2023-01-29 22:17:30Z

0

There are 2 solutions that I found viable for this problem:

Move typescript from devDependencies to dependencies object in your package.json
Install a Heroku buildpack on your app which can run the ts command. You can search Heroku buildpacks on elements.heroku.com. The procedure to add is very simple.

edited Jan 29, 2023 at 22:17

SwissCodeMen

5,03310 gold badges31 silver badges39 bronze badges

answered Jan 25, 2023 at 21:22

MBS

828 bronze badges

Comments

MrBuchmas · Accepted Answer · 2024-03-13 20:47:10Z

0

I tried all the answers here too to fix the sh: 1: tsc: not found error, but the only thing I could get to work was to move typescript from dev dependency to dependency.

answered Mar 13, 2024 at 20:47

MrBuchmas

113 bronze badges

1 Comment

Chris Over a year ago

You just need to not rely on tsc at runtime. As long as you build your application at build time and try to run plain JavaScript at runtime this won't be a problem.

Partha Paul · Accepted Answer · 2022-04-24 20:30:52Z

-1

I installed typescript as devDependency and in Package.json:

"scripts": {
//other scripts
"build": "./node_modules/typescript/bin/tsc",
}

answered Apr 24, 2022 at 20:30

Partha Paul

3091 silver badge4 bronze badges

Collectives™ on Stack Overflow

How do I compile Typescript at Heroku postinstall?

8 Answers 8

4 Comments

1 Comment

1 Comment

1 Comment

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

4 Comments

1 Comment

1 Comment

1 Comment

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related