Not finding preact when starting app in heroku - heroku

Question

Ok so I am having problems setting up a preact app of mine to heroku. I hooked it up to github so it builds straight into heroku, but it won't get past the preact serve and build. Here is my heroku log.
2018-10-21T09:09:23.986026+00:00 heroku[web.1]: Starting process with command `npm start`
2018-10-21T09:09:27.624952+00:00 app[web.1]:
2018-10-21T09:09:27.624970+00:00 app[web.1]: > portfolio-page#0.0.0 start /app
2018-10-21T09:09:27.624972+00:00 app[web.1]: > if-env NODE_ENV='production' && npm run serve || npm run dev
2018-10-21T09:09:27.624974+00:00 app[web.1]:
2018-10-21T09:09:28.595955+00:00 app[web.1]:
2018-10-21T09:09:28.595995+00:00 app[web.1]: > portfolio-page#0.0.0 serve /app
2018-10-21T09:09:28.595997+00:00 app[web.1]: > preact build && preact serve
2018-10-21T09:09:28.595999+00:00 app[web.1]:
2018-10-21T09:09:28.605427+00:00 app[web.1]: sh: 1: preact: not found
2018-10-21T09:09:28.613622+00:00 app[web.1]: npm ERR! file sh
2018-10-21T09:09:28.613973+00:00 app[web.1]: npm ERR! code ELIFECYCLE
2018-10-21T09:09:28.614303+00:00 app[web.1]: npm ERR! errno ENOENT
2018-10-21T09:09:28.614652+00:00 app[web.1]: npm ERR! syscall spawn
2018-10-21T09:09:28.617301+00:00 app[web.1]: npm ERR! portfolio-page#0.0.0 serve: `preact build && preact serve`
2018-10-21T09:09:28.617670+00:00 app[web.1]: npm ERR! spawn ENOENT
2018-10-21T09:09:28.618022+00:00 app[web.1]: npm ERR!
2018-10-21T09:09:28.618469+00:00 app[web.1]: npm ERR! Failed at the portfolio-page#0.0.0 serve script.
2018-10-21T09:09:28.618707+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2018-10-21T09:09:28.639567+00:00 app[web.1]:
2018-10-21T09:09:28.639942+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2018-10-21T09:09:28.640124+00:00 app[web.1]: npm ERR! /app/.npm/_logs/2018-10-21T09_09_28_621Z-debug.log
2018-10-21T09:09:29.383487+00:00 app[web.1]:
2018-10-21T09:09:29.383495+00:00 app[web.1]: > portfolio-page#0.0.0 dev /app
2018-10-21T09:09:29.383497+00:00 app[web.1]: > preact watch
2018-10-21T09:09:29.383498+00:00 app[web.1]:
2018-10-21T09:09:29.407743+00:00 app[web.1]: sh: 1: preact: not found
2018-10-21T09:09:29.430644+00:00 app[web.1]: npm ERR! file sh
2018-10-21T09:09:29.432029+00:00 app[web.1]: npm ERR! code ELIFECYCLE
2018-10-21T09:09:29.433130+00:00 app[web.1]: npm ERR! errno ENOENT
2018-10-21T09:09:29.433981+00:00 app[web.1]: npm ERR! syscall spawn
2018-10-21T09:09:29.440231+00:00 app[web.1]: npm ERR! portfolio-page#0.0.0 dev: `preact watch`
2018-10-21T09:09:29.440955+00:00 app[web.1]: npm ERR! spawn ENOENT
2018-10-21T09:09:29.442297+00:00 app[web.1]: npm ERR!
2018-10-21T09:09:29.442980+00:00 app[web.1]: npm ERR! Failed at the portfolio-page#0.0.0 dev script.
2018-10-21T09:09:29.443660+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2018-10-21T09:09:29.470864+00:00 app[web.1]:
2018-10-21T09:09:29.471185+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2018-10-21T09:09:29.471425+00:00 app[web.1]: npm ERR! /app/.npm/_logs/2018-10-21T09_09_29_449Z-debug.log
2018-10-21T09:09:29.488189+00:00 app[web.1]: npm ERR! code ELIFECYCLE
2018-10-21T09:09:29.489675+00:00 app[web.1]: npm ERR! errno 1
2018-10-21T09:09:29.497444+00:00 app[web.1]: npm ERR! portfolio-page#0.0.0 start: `if-env NODE_ENV='production' && npm run serve || npm run dev`
2018-10-21T09:09:29.497699+00:00 app[web.1]: npm ERR! Exit status 1
2018-10-21T09:09:29.498047+00:00 app[web.1]: npm ERR!
2018-10-21T09:09:29.498289+00:00 app[web.1]: npm ERR! Failed at the portfolio-page#0.0.0 start script.
2018-10-21T09:09:29.498516+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2018-10-21T09:09:29.517653+00:00 app[web.1]:
2018-10-21T09:09:29.521721+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2018-10-21T09:09:29.522301+00:00 app[web.1]: npm ERR! /app/.npm/_logs/2018-10-21T09_09_29_507Z-debug.log
2018-10-21T09:09:29.630957+00:00 heroku[web.1]: State changed from starting to crashed
2018-10-21T09:09:29.608869+00:00 heroku[web.1]: Process exited with status 1
2018-10-21T09:09:31.210092+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=portfolio-page2.herokuapp.com request_id=e499628d-4990-47b8-9dbe-56cc75fe2a60 fwd="208.77.22.116" dyno= connect= service= status=503 bytes= protocol=https
2018-10-21T09:09:31.520483+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=portfolio-page2.herokuapp.com request_id=2a39f726-a35a-4356-96d5-4c2cde7661ca fwd="208.77.22.116" dyno= connect= service= status=503 bytes= protocol=https
I have no idea how to view the complete log(if its not the same as this), and I have preact in my dependancies.
{
"private": true,
"name": "portfolio-page",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"start": "if-env NODE_ENV='production' && npm run serve || npm run dev",
"build": "preact build",
"serve": "preact build && preact serve",
"dev": "preact watch",
"lint": "eslint src",
"styleguide": "styleguidist server",
"styleguide:build": "styleguidist build"
},
"eslintConfig": {
"extends": "eslint-config-synacor"
},
"eslintIgnore": [
"build/*"
],
"devDependencies": {
"eslint": "^4.9.0",
"eslint-config-synacor": "^2.0.2",
"preact-cli": "^2.0.1",
"react-styleguidist": "^6.1.0"
},
"dependencies": {
"if-env": "^1.0.4",
"preact": "^8.3.1",
"preact-compat": "^3.17.0",
"preact-router": "^2.5.7",
"react-fa": "^5.0.0",
"react-scripts": "^2.0.5",
"react-transition-group": "^2.2.1"
}
}
I'm sorry if this is too little or too much information, but I am relatively new to this and I have been working on this for a couple days. I would be grateful for some direction. On windows 10 using VScode.

Answer 1

It seems like dependencies npm install are not installed and you directly running npm start that why preact not found error occur.