heroku: deploy react rails separate folders - ruby-on-rails

I'm trying to deploy my app to heroku, but i can't find a way. I have in the root two folders, 'back' and 'front', the first is a rails api app and the second is a react app.
I think the react deploy is OK, but ruby is not.
I have the buildpacks needed:
heroku/nodejs
heroku/tuby
Please help me out! :)
/package.json
{
"name": "sophia",
"license": "MIT",
"engines": {
"node": "6.3.1"
},
"scripts": {
"build": "cd front && npm install && npm run build && cd ..",
"deploy": "cp -a front/build/. back/public/",
"postinstall": "npm run build && npm run deploy && echo 'Client built!'"
}
}
Procfile
web: cd front && PORT=3000 npm start
api: cd back PORT=3001 && bundle exec rails s
/front/package.json
{
"name": "client",
"version": "0.1.0",
"private": true,
"proxy": "http://localhost:3001",
"dependencies": {
"react": "^16.8.4",
"react-dom": "^16.8.4",
"react-scripts": "2.1.8"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
]
}
Heroku error
remote: "homepage" :
remote:
remote: The build folder is ready to be deployed.
remote: You may serve it with a static server:
remote:
remote: yarn global add serve
remote: serve -s build
remote:
remote: Find out more about deployment here:
remote:
remote:
remote:
remote:
remote: -----> Caching build
remote: - node_modules
remote:
remote: -----> Pruning devDependencies
remote:
remote: -----> Build succeeded!
remote: ! Unmet dependencies don't fail npm install but may cause runtime issues
remote: github.com/npm/npm/issues/7494
remote:
remote:
remote: -----> Change to Node.js build process
remote: Heroku has begun executing the "build" script defined in package.json
remote: during Node.js builds.
remote:
remote: Read more: https://devcenter.heroku.com/changelog-items/1573
remote:
remote: -----> App not compatible with buildpack: buildpack-registry.s3.amazonaws.com/buildpacks/heroku/ruby.tgz
remote: More info: devcenter.heroku.com/articles/buildpacks#detection-failure
remote:
remote: ! Push failed
remote: Verifying deploy...
remote:
remote: ! Push rejected to sophia-social-network.
remote:
To git.heroku.com/sophia-social-network.git
! [remote rejected] master -> master (pre-receive hook declined)
error: failed to push some refs to 'hgit.heroku.com/sophia-social-network.git'

Related

Heroku deploy error Rails/webpacker ReferenceError: Unknown plugin "inline-react-svg"

đź‘‹
I'm getting "Module build failed: ReferenceError: Unknown plugin "inline-react-svg" while trying to Heroku after adding babel-plugin-inline-react-svg to the package.json. I wasn't able to reproduce it locally, but I'm consistently getting it in Heroku.
Any ideas on what it could be?
Error
remote: -----> Preparing app for Rails asset pipeline
remote: Running: rake assets:precompile
...
remote: Webpacker is installed 🎉 🍰
remote: Using /tmp/build_15fd574408d6d2198a86094007ac9832/config/webpacker.yml file for setting up webpack paths
remote: Compiling…
remote: Compilation failed:
remote: Hash: 7d0d7bb7df3a7fe42f08
remote: Version: webpack 3.6.0
remote: Time: 923ms
...
remote:
remote: ERROR in ./app/javascript/packs/orders.jsx
remote: Module build failed: ReferenceError: Unknown plugin "inline-react-svg" specified in "/tmp/build_15fd574408d6d2198a86094007ac9832/.babelrc" at 0, attempted to resolve relative to "/tmp/build_15fd574408d6d2198a86094007ac9832"
remote: at /tmp/build_15fd574408d6d2198a86094007ac9832/node_modules/babel-core/lib/transformation/file/options/option-manager.js:180:17
remote: at Array.map (<anonymous>)
remote: at Function.normalisePlugins (/tmp/build_15fd574408d6d2198a86094007ac9832/node_modules/babel-core/lib/transformation/file/options/option-manager.js:158:20)
remote: at OptionManager.mergeOptions (/tmp/build_15fd574408d6d2198a86094007ac9832/node_modules/babel-core/lib/transformation/file/options/option-manager.js:234:36)
remote: at OptionManager.init (/tmp/build_15fd574408d6d2198a86094007ac9832/node_modules/babel-core/lib/transformation/file/options/option-manager.js:368:12)
remote: at File.initOptions (/tmp/build_15fd574408d6d2198a86094007ac9832/node_modules/babel-core/lib/transformation/file/index.js:212:65)
remote: at new File (/tmp/build_15fd574408d6d2198a86094007ac9832/node_modules/babel-core/lib/transformation/file/index.js:135:24)
remote: at Pipeline.transform (/tmp/build_15fd574408d6d2198a86094007ac9832/node_modules/babel-core/lib/transformation/pipeline.js:46:16)
remote: at transpile (/tmp/build_15fd574408d6d2198a86094007ac9832/node_modules/babel-loader/lib/index.js:50:20)
remote: at /tmp/build_15fd574408d6d2198a86094007ac9832/node_modules/babel-loader/lib/fs-cache.js:118:18
remote: at ReadFileContext.callback (/tmp/build_15fd574408d6d2198a86094007ac9832/node_modules/babel-loader/lib/fs-cache.js:31:21)
.babelrc
"plugins": [
"inline-react-svg",
"syntax-dynamic-import",
"transform-object-rest-spread",
[
"transform-class-properties",
{
"spec": true
}
],
[
"transform-runtime",
{
"regenerator": true
}
]
],
package.json
"devDependencies": {
"babel-jest": "^22.0.6",
"babel-plugin-inline-react-svg": "^0.5.4",
I needed to move babel-plugin-inline-react-svg to dependencies since Heroku installs without devDependencies.

websocket-driver was not found on deploy

I am trying to update my Rails 5.2.1 app on Heroku and I've got this error.
remote: -----> Installing dependencies
remote: Installing node modules (yarn.lock)
remote: yarn install v1.17.2
remote: [1/4] Resolving packages...
remote: [2/4] Fetching packages...
remote: error An unexpected error occurred: "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.2.tgz: Request failed \"404 Not Found\"".
remote: info If you think this is a bug, please open a bug report with the information provided in "/tmp/build_053b37334aad96876abbe953fb52fde5/yarn-error.log".
remote: info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
remote:
remote: -----> Build failed
remote:
remote: We're sorry this build is failing! You can troubleshoot common issues here:
remote: https://devcenter.heroku.com/articles/troubleshooting-node-deploys
remote:
remote: Some possible problems:
remote:
remote: - Node version not specified in package.json
remote: https://devcenter.heroku.com/articles/nodejs-support#specifying-a-node-js-version
remote:
remote: Love,
remote: Heroku
remote:
remote: ! Push rejected, failed to compile Node.js app.
remote:
remote: ! Push failed
remote: Verifying deploy...
remote:
remote: ! Push rejected to myapp-production.
remote:
To https://git.heroku.com/lapenderie-production.git
! [remote rejected] master -> master (pre-receive hook declined)
error: failed to push some refs to 'https://git.heroku.com/myapp-production.git'
Here is my package.json:
{
"name": "kamelot",
"private": true,
"dependencies": {
"#rails/webpacker": "3.5",
"babel-preset-react": "^6.24.1",
"flatpickr": "^4.5.7",
"highcharts": "^7.1.1",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-color": "^2.17.3",
"react-dom": "^16.8.6",
"react_ujs": "^2.5.0",
"webpack-cli": "^3.3.4"
},
"devDependencies": {
"webpack-dev-server": "2.11.2"
}
}
I tried adding the node version but that didn't resolve the issue.
This used to work. How can I fix it?
I can't find this file "/tmp/build_545b56879454d397f9a53d8826eeeffb/yarn-error.log"
I did the following
cd tmp
Nothing like build_
For some reason version 0.7.2 of websocket-driver is not published on NPM, though it does exist on GitHub.
I suggest you upgrade to 0.7.3 (or whatever the latest version is when you read this) and redeploy:
yarn upgrade websocket-driver
git add yarn.lock
git commit -m 'Update dependencies'
git push heroku master
Best way for me:
delete package-lock.json
npm i

webpacker won't compile when pushing to Heroku

I've recently tried integrating react into my preexisting rails app by using the webpacker gem. When I try to push to heroku, I see the an error message like
remote: [1/5] Validating package.json...
remote: [2/5] Resolving packages...
remote: [3/5] Fetching packages...
remote: [4/5] Linking dependencies...
remote: [5/5] Building fresh packages...
remote: success Saved lockfile.
remote: Done in 0.09s.
remote: Compiling…
remote: Compilation failed:
remote: error Command "webpack" not found.
remote:
remote: yarn run v1.12.3
remote: info Visit https://yarnpkg.com/en/docs/cli/run for
documentation about this command.
remote:
remote:
remote: !
remote: ! Precompiling assets failed.
remote: !
remote: ! Push rejected, failed to compile Ruby app.
remote:
remote: ! Push failed
remote: Verifying deploy...
remote:
remote: ! Push rejected to spitball-production.
remote:
To https://git.heroku.com/spitball-production.git
! [remote rejected] master -> master (pre-receive hook declined)
My package.json looks like
{
"name": "Spitball",
"private": true,
"dependencies": {
},
"engines": {
"yarn": ">=0.25.2"
}
}
I've tried the solutions involving adding buildpacks and installing yarn and webpacker and so far nothing has helped. I'm expecting everything to push through no problem as all I've done is add the webpacker gem.
Did you try running
$ rails assets:precompile
in your terminal prior to pushing to Github then Heroku?
You have to compile all of your assets files prior to being built by Heroku.

gulp not found when deploying angular 2 + rails app to heroku

I am currently trying to deploy my angular 2 app with Rails 5 back end to heroku. In order to do this I have been following this tutorial: https://www.angularonrails.com/deploy-angular-2rails-5-app-heroku/#comment-39250 .
The tutorial has been going well expect for the last part when deploying to heroku using: git push heroku master. I get the following error:
Counting objects: 254, done.
Delta compression using up to 4 threads.
Compressing objects: 100% (232/232), done.
Writing objects: 100% (254/254), 158.00 KiB | 0 bytes/s, done.
Total 254 (delta 8), reused 0 (delta 0)
remote: Compressing source files... done.
remote: Building source:
remote:
remote: -----> Node.js app detected
remote:
remote: -----> Creating runtime environment
remote:
remote: NPM_CONFIG_LOGLEVEL=error
remote: NPM_CONFIG_PRODUCTION=true
remote: NODE_ENV=production
remote: NODE_MODULES_CACHE=true
remote:
remote: -----> Installing binaries
remote: engines.node (package.json): unspecified
remote: engines.npm (package.json): unspecified (use default)
remote:
remote: Resolving node version (latest stable) via semver.io...
remote: Downloading and installing node 6.9.1...
remote: Using default npm version: 3.10.8
remote:
remote: -----> Restoring cache
remote: Skipping cache restore (new runtime signature)
remote:
remote: -----> Building dependencies
remote: Pruning any extraneous modules
remote: Installing node modules (package.json)
remote:
remote: > angular-seed#0.0.0 postinstall /tmp/build_924023d394206e157329026627746427/client
remote: > gulp check.versions && gulp build.bundle.rxjs && npm prune && gulp webdriver && gulp print.banner
remote:
remote: sh: 1: gulp: not found
remote:
remote: npm ERR! Linux 3.13.0-105-generic
remote: npm ERR! argv "/tmp/build_924023d394206e157329026627746427/client/.heroku/node/bin/node" "/tmp/build_924023d394206e157329026627746427/client/.heroku/node/bin/npm" "install" "--unsafe-perm" "--userconfig" "/tmp/build_924023d394206e157329026627746427/client/.npmrc"
remote: npm ERR! node v6.9.1
remote: npm ERR! npm v3.10.8
remote: npm ERR! file sh
remote: npm ERR! code ELIFECYCLE
remote: npm ERR! errno ENOENT
remote: npm ERR! syscall spawn
remote: npm ERR! angular-seed#0.0.0 postinstall: `gulp check.versions && gulp build.bundle.rxjs && npm prune && gulp webdriver && gulp print.banner`
remote: npm ERR! spawn ENOENT
remote: npm ERR!
remote: npm ERR! Failed at the angular-seed#0.0.0 postinstall script 'gulp check.versions && gulp build.bundle.rxjs && npm prune && gulp webdriver && gulp print.banner'.
remote: npm ERR! Make sure you have the latest version of node.js and npm installed.
remote: npm ERR! If you do, this is most likely a problem with the angular-seed package,
remote: npm ERR! not with npm itself.
remote: npm ERR! Tell the author that this fails on your system:
remote: npm ERR! gulp check.versions && gulp build.bundle.rxjs && npm prune && gulp webdriver && gulp print.banner
remote: npm ERR! You can get information on how to open an issue for this project with:
remote: npm ERR! npm bugs angular-seed
remote: npm ERR! Or if that isn't available, you can get their info via:
remote: npm ERR! npm owner ls angular-seed
remote: npm ERR! There is likely additional logging output above.
remote:
remote: npm ERR! Please include the following file with any support request:
remote: npm ERR! /tmp/build_924023d394206e157329026627746427/client/npm-debug.log
remote:
remote: -----> Build failed
remote:
remote: We're sorry this build is failing! You can troubleshoot common issues here:
remote: https://devcenter.heroku.com/articles/troubleshooting-node-deploys
remote:
remote: Some possible problems:
remote:
remote: - Node version not specified in package.json
remote: https://devcenter.heroku.com/articles/nodejs-support#specifying-a-node-js-version
remote:
remote: - Gulp may not be tracked in package.json
remote: https://devcenter.heroku.com/articles/troubleshooting-node-deploys#ensure-you-aren-t-relying-on-untracked-dependencies
remote:
remote: Love,
remote: Heroku
remote:
remote: ! Push rejected, failed to compile Node.js app.
remote:
remote: ! Push failed
remote: Verifying deploy....
remote:
remote: ! Push rejected to aqueous-castle-46289.
remote:
To https://git.heroku.com/aqueous-castle-46289.git
! [remote rejected] master -> master (pre-receive hook declined)
error: failed to push some refs to 'https://git.heroku.com/aqueous-castle- 46289.git'
Here too is my package.json as done in the tutorial:
{
"name": "angular2-seed",
"version": "0.0.0",
"description": "Seed for Angular 2 apps",
"repository": {
"url": "https://github.com/mgechev/angular2-seed"
},
"scripts": {
"build.dev": "gulp build.dev --color",
"build.dev.watch": "gulp build.dev.watch --color",
"build.e2e": "gulp build.e2e --color",
"build.prod": "gulp build.prod --color",
"build.test": "gulp build.test --color",
"build.test.watch": "gulp build.test.watch --color",
"docs": "npm run gulp -- build.docs --color && npm run gulp -- serve.docs --color",
"e2e": "protractor",
"e2e.live": "protractor --elementExplorer",
"gulp": "gulp",
"karma": "karma",
"karma.start": "karma start",
"postinstall": "typings install && gulp check.versions && npm prune && gulp build.prod",
"reinstall": "npm cache clean && npm install",
"serve.coverage": "remap-istanbul -b src/ -i coverage/coverage-final.json -o coverage -t html && npm run gulp -- serve.coverage --color",
"serve.dev": "gulp serve.dev --color",
"serve.e2e": "gulp serve.e2e --color",
"serve.prod": "gulp serve.prod --color",
"start": "gulp serve.dev --color",
"tasks.list": "gulp --tasks-simple --color",
"test": "gulp test --color",
"webdriver-start": "webdriver-manager start",
"webdriver-update": "webdriver-manager update"
},
"author": "Minko Gechev <mgechev>",
"license": "MIT",
"devDependencies": {
},
"dependencies": {
"angular2": "2.0.0-beta.15",
"es6-module-loader": "^0.17.8",
"es6-promise": "^3.1.2",
"es6-shim": "0.35.0",
"reflect-metadata": "0.1.2",
"rxjs": "5.0.0-beta.2",
"systemjs": "~0.19.25",
"zone.js": "^0.6.10",
"async": "^1.4.2",
"autoprefixer": "^6.3.3",
"browser-sync": "^2.11.2",
"chalk": "^1.1.3",
"codelyzer": "0.0.12",
"colorguard": "^1.1.1",
"connect": "^3.4.1",
"connect-history-api-fallback": "^1.1.0",
"connect-livereload": "^0.5.3",
"cssnano": "^3.5.2",
"doiuse": "^2.3.0",
"event-stream": "^3.3.2",
"express": "~4.13.1",
"express-history-api-fallback": "^2.0.0",
"extend": "^3.0.0",
"gulp": "^3.9.1",
"gulp-cached": "^1.1.0",
"gulp-concat": "^2.6.0",
"gulp-filter": "^4.0.0",
"gulp-inject": "^4.0.0",
"gulp-inline-ng2-template": "^1.1.2",
"gulp-load-plugins": "^1.2.0",
"gulp-plumber": "~1.1.0",
"gulp-postcss": "^6.1.0",
"gulp-shell": "~0.5.2",
"gulp-sourcemaps": "git+https://github.com/floridoo/gulp-sourcemaps.git#master",
"gulp-template": "^3.1.0",
"gulp-tslint": "^4.3.3",
"gulp-typedoc": "^1.2.1",
"gulp-typescript": "~2.12.1",
"gulp-uglify": "^1.5.3",
"gulp-util": "^3.0.7",
"gulp-watch": "^4.3.5",
"is-ci": "^1.0.8",
"isstream": "^0.1.2",
"jasmine-core": "~2.4.1",
"jasmine-spec-reporter": "^2.4.0",
"karma": "~0.13.22",
"karma-chrome-launcher": "~0.2.2",
"karma-coverage": "^0.5.5",
"karma-ie-launcher": "^0.2.0",
"karma-jasmine": "~0.3.8",
"karma-mocha-reporter": "^2.0.0",
"karma-phantomjs-launcher": "^1.0.0",
"merge-stream": "^1.0.0",
"open": "0.0.5",
"phantomjs-prebuilt": "^2.1.4",
"postcss-reporter": "^1.3.3",
"protractor": "^3.0.0",
"remap-istanbul": "git+https://github.com/SitePen/remap-istanbul.git#master",
"rimraf": "^2.5.2",
"run-sequence": "^1.1.0",
"semver": "^5.1.0",
"serve-static": "^1.10.2",
"slash": "~1.0.0",
"stream-series": "^0.1.1",
"stylelint": "^5.3.0",
"stylelint-config-standard": "^5.0.0",
"systemjs-builder": "^0.15.14",
"tiny-lr": "^0.2.1",
"traceur": "^0.0.91",
"ts-node": "^0.7.1",
"tslint": "^3.7.0-dev.2",
"tslint-stylish": "2.1.0-beta",
"typedoc": "^0.3.12",
"typescript": "~1.8.10",
"typings": "^0.7.12",
"vinyl-buffer": "^1.0.0",
"vinyl-source-stream": "^1.1.0",
"yargs": "^4.2.0"
}
}
I am sure the problem most likely resides with the package.json and its inability to find 'gulp'.
I have also tried to follow the instructions of the following person: https://www.angularonrails.com/deploy-angular-2rails-5-app-heroku/#comment-38286 as it appears that they had a similar problem - however their instructions dont appear to be very clear and whatever I've been able to infer from them hasnt worked. If you know what they mean let me know.
I would appreciate any help that I can get.
Thank you very much!
A bit late, but I've just encountered this error as well doing the same tutorial. If you check the log you see the following error:
Node version not specified in package.json
If you google that you'll find this page
Use the engines section of your package.json to specify the version of Node.js to use on Heroku.
{
"name": "myapp",
"description": "a really cool app",
"version": "1.0.0",
"engines": {
"node": "6.9.4"
}
}
This should get your installation going again.

Deploy an Angular/Rails application using Heroku

I'm trying to deploy a angular/rails app too Heroku and the build fails. Here are the steps I've took thus far, using ruby 2.3.0, rails 5, node v6.3.0, npm 3.10.3 and psql (PostgreSQL) 9.3.13:
$ rails new author_wizard --api -T -d postgresql
$ rails db:create
Then, added the angular cli:
$ npm install -g angular-cli
From the root of the rails project:
$ ng new author-wizard
$ mv author-wizard client
$ cd client
$ ng server
Now, navigating to http://localhost:4200, I get a page that says "app works!".
Setting up to deploy to Heroku.
I ran these commands from the root of rails app to create a symlink:
$ rm -rf public
$ ln -s client/dist public
Then,
$ heroku create
$ heroku buildpacks:add https://github.com/jasonswett/heroku-buildpack-nodejs
$ heroku buildpacks:add heroku/ruby
Buildpack added. Next release on damp-spire-94406 will use:
1. https://github.com/jasonswett/heroku-buildpack-nodejs
2. heroku/ruby
Run git push heroku master to create a new release using these buildpacks.
Before pushing to Heroku, I made this changes to the client/package.json
"postinstall": "typings install && ng build"
And then, I moved devDependencies to just dependencies so Heroku can pick them up.
Here's my package.json file:
{
"name": "author-wizard",
"description": "a cool app",
"version": "0.0.0",
"engines": {
"node": "6.3.0",
"npm": "3.10.3"
},
"license": "MIT",
"angular-cli": {},
"scripts": {
"start": "ng serve",
"postinstall": "typings install && ng build",
"lint": "tslint \"src/**/*.ts\"",
"test": "ng test",
"pree2e": "webdriver-manager update",
"e2e": "protractor"
},
"private": true,
"dependencies": {
"#angular/common": "2.0.0-rc.4",
"#angular/compiler": "2.0.0-rc.4",
"#angular/core": "2.0.0-rc.4",
"#angular/forms": "0.2.0",
"#angular/http": "2.0.0-rc.4",
"#angular/platform-browser": "2.0.0-rc.4",
"#angular/platform-browser-dynamic": "2.0.0-rc.4",
"#angular/router": "3.0.0-beta.2",
"es6-shim": "0.35.1",
"reflect-metadata": "0.1.3",
"rxjs": "5.0.0-beta.6",
"systemjs": "0.19.26",
"zone.js": "0.6.12",
"angular-cli": "1.0.0-beta.10",
"codelyzer": "0.0.20",
"ember-cli-inject-live-reload": "1.4.0",
"jasmine-core": "2.4.1",
"jasmine-spec-reporter": "2.5.0",
"karma": "0.13.22",
"karma-chrome-launcher": "0.2.3",
"karma-jasmine": "0.3.8",
"protractor": "3.3.0",
"ts-node": "0.5.5",
"tslint": "3.11.0",
"typescript": "1.8.10",
"typings": "1.3.1"
},
"devDependencies": {
}
}
When I push to heroku, I get this error:
$ git push heroku master
Counting objects: 103, done.
Delta compression using up to 2 threads.
Compressing objects: 100% (87/87), done.
Writing objects: 100% (103/103), 27.47 KiB | 0 bytes/s, done.
Total 103 (delta 4), reused 0 (delta 0)
remote: Compressing source files... done.
remote: Building source:
remote:
remote: -----> Node.js app detected
remote:
remote: -----> Creating runtime environment
remote:
remote: NPM_CONFIG_LOGLEVEL=error
remote: NPM_CONFIG_PRODUCTION=true
remote: NODE_ENV=production
remote: NODE_MODULES_CACHE=true
remote:
remote: -----> Installing binaries
remote: engines.node (package.json): unspecified
remote: engines.npm (package.json): unspecified (use default)
remote:
remote: Resolving node version (latest stable) via semver.io...
remote: Downloading and installing node 5.11.1...
remote: Using default npm version: 3.8.6
remote:
remote: -----> Restoring cache
remote: Skipping cache restore (new runtime signature)
remote:
remote: -----> Building dependencies
remote: Pruning any extraneous modules
remote: Installing node modules (package.json)
remote:
remote: > author-wizard#0.0.0 postinstall /tmp/build_62d8b6dd78169ce94281eaec1000a797/client
remote: > typings install && ng build
remote:
remote:
remote: └── es6-shim (global)
remote:
remote: Could not start watchman; falling back to NodeWatcher for file system events.
remote: Visit http://ember-cli.com/user-guide/#watchman for more info.
remote: Build failed.
remote: The Broccoli Plugin: [BroccoliTypeScriptCompiler] failed with:
remote: Error: Typescript found the following errors:
remote: /tmp/build_62d8b6dd78169ce94281eaec1000a797/client/tmp/broccoli_type_script_compiler-input_base_path-D0TFBXoL.tmp/0/src/app/app.component.spec.ts (6, 1): Cannot find name 'describe'.
remote: /tmp/build_62d8b6dd78169ce94281eaec1000a797/client/tmp/broccoli_type_script_compiler-input_base_path-D0TFBXoL.tmp/0/src/app/app.component.spec.ts (7, 3): Cannot find name 'beforeEach'.
remote: /tmp/build_62d8b6dd78169ce94281eaec1000a797/client/tmp/broccoli_type_script_compiler-input_base_path-D0TFBXoL.tmp/0/src/app/app.component.spec.ts (11, 3): Cannot find name 'it'.
remote: /tmp/build_62d8b6dd78169ce94281eaec1000a797/client/tmp/broccoli_type_script_compiler-input_base_path-D0TFBXoL.tmp/0/src/app/app.component.spec.ts (13, 7): Cannot find name 'expect'.
remote: /tmp/build_62d8b6dd78169ce94281eaec1000a797/client/tmp/broccoli_type_script_compiler-input_base_path-D0TFBXoL.tmp/0/src/app/app.component.spec.ts (16, 3): Cannot find name 'it'.
remote: /tmp/build_62d8b6dd78169ce94281eaec1000a797/client/tmp/broccoli_type_script_compiler-input_base_path-D0TFBXoL.tmp/0/src/app/app.component.spec.ts (18, 7): Cannot find name 'expect'.
remote: at BroccoliTypeScriptCompiler._doIncrementalBuild (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/lib/broccoli/broccoli-typescript.js:120:19)
remote: at BroccoliTypeScriptCompiler.build (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/lib/broccoli/broccoli-typescript.js:43:10)
remote: at /tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/broccoli-caching-writer/index.js:152:21
remote: at lib$rsvp$$internal$$tryCatch (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1036:16)
remote: at lib$rsvp$$internal$$invokeCallback (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1048:17)
remote: at lib$rsvp$$internal$$publish (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1019:11)
remote: at lib$rsvp$asap$$flush (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1198:9)
remote: at _combinedTickCallback (internal/process/next_tick.js:67:7)
remote: at process._tickCallback (internal/process/next_tick.js:98:9)
remote:
remote: The broccoli plugin was instantiated at:
remote: at BroccoliTypeScriptCompiler.Plugin (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/broccoli-plugin/index.js:10:31)
remote: at BroccoliTypeScriptCompiler.CachingWriter [as constructor] (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/broccoli-caching-writer/index.js:21:10)
remote: at BroccoliTypeScriptCompiler (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/lib/broccoli/broccoli-typescript.js:26:49)
remote: at Angular2App._getTsTree (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/lib/broccoli/angular2-app.js:331:18)
remote: at Angular2App._buildTree (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/lib/broccoli/angular2-app.js:124:23)
remote: at new Angular2App (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/lib/broccoli/angular2-app.js:53:23)
remote: at module.exports (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/angular-cli-build.js:10:10)
remote: at Class.module.exports.Task.extend.setupBroccoliBuilder (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/angular-cli/lib/models/builder.js:55:19)
remote: at Class.module.exports.Task.extend.init (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/angular-cli/lib/models/builder.js:89:10)
remote: at new Class (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/core-object/core-object.js:18:12)
remote: at Class.module.exports.Task.extend.run (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/angular-cli/lib/tasks/build.js:15:19)
remote: at /tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/angular-cli/lib/commands/build.js:32:24
remote: at lib$rsvp$$internal$$tryCatch (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1036:16)
remote: at lib$rsvp$$internal$$invokeCallback (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1048:17)
remote: at /tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:331:11
remote: at lib$rsvp$asap$$flush (/tmp/build_62d8b6dd78169ce94281eaec1000a797/client/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1198:9)
remote:
remote:
remote:
remote:
remote:
remote: -----> Build failed
remote:
remote: We're sorry this build is failing! You can troubleshoot common issues here:
remote: https://devcenter.heroku.com/articles/troubleshooting-node-deploys
remote:
remote: Some possible problems:
remote:
remote: - Node version not specified in package.json
remote: https://devcenter.heroku.com/articles/nodejs-support#specifying-a-node-js-version
remote:
remote: Love,
remote: Heroku
remote:
remote: ! Push rejected, failed to compile Node.js app.
remote:
remote: ! Push failed
remote: Verifying deploy....
remote:
remote: ! Push rejected to damp-spire-94406.
remote:
To https://git.heroku.com/damp-spire-94406.git
! [remote rejected] master -> master (pre-receive hook declined)
error: failed to push some refs to 'https://git.heroku.com/damp-spire-94406.git'
The desire result should be the same as navigating to localhost:4200, "app works!".
Any help is welcome. Thank you.

Resources