chrisckchang/mean-contactlist-angular2

Mean Contactlist Angular2

Contact List is a RESTful API server and web application built with the MEAN (Angular 2) stack. It is a simple example that aims to concisely demonstrate basic MEAN and REST architecture. You can find the full tutorial here: https://devcenter.heroku.com/articles/mean-apps-restful-api.

You can deploy a live copy of this application to Heroku with the button below.

mean-contactlist-angular2's Issues

TypeError: Parameter "url" must be a string, not undefined

When cloning the repo and running it with 'heroku local' I get the above error. I have all dependencies installed, downloaded npm and nodejs latest versions, and my config var for mLab seems to be fine too. Any ideas for what the problem is?

Update does not work

Trying to learn more about use of PaaS and Heroku in question, and used this as a nice Node.js tutorial and first touch in doing rest setup with it. Seems to work great, but I noted that there's one problem.

If you try to update the contact, it does not seem to stick. Refreshing site the contact will return back to like it was on creation. I tried looking into it but I am not quite sure what the issue is.

Edit: More precisely seems to be about receiving the right ID.

core.js:1633 ERROR Error: Uncaught (in promise): TypeError: Cannot read property '_id' of undefined TypeError: Cannot read property '_id' of undefined at ContactDetailsComponent.ContactListComponent.updateContact [as updateHandler] (contact-list.component.ts:76) at contact-details.component.ts:32 at

contact.service.ts Promise issue

Hello, I am receiving the following types of error in the contact.service.ts script. I am receiving four different errors of these type one for each of the following methods getContacts(), createContact(...), deleteContact(...), updateContact(...). I am using visual code, which is how I identified the error below.

severity: 'Error'
message: 'Type 'Promise<void | Contact[]>' is not assignable to type 'Promise<Contact[]>'.
Type 'void | Contact[]' is not assignable to type 'Contact[]'.
Type 'void' is not assignable to type 'Contact[]'.'
at: '17,7'
source: 'ts'

Pressing the "Deploy on Heroku" button doesn't work

The error are as follows:

No app.json located in the repo URL provided.

Make sure that an app.json file exists in the project root directory.

Thanks a lot

Causing MEAN Stack app to crash upon initial load

I've spent about an hour trying to figure this out and haven't had much luck. NPM is blaming this module so I figure I'd see if you can help :)

Github branch can't be cloned and then uploaded on Heroku

After cloning the branch and added all files on Heroku, I got the error Cannot read property 'config' of null during the git clone heroic master step. After searching web for a while I found that the problem can be solved by creating a new project (using ng new) and copy the '.angular-cli.json' into your branch, then the project can be deployed and everything works.

package.json- "postinstall":"ng build" build failed

Hello, I am try to follow the directions on how to setup the mean contact list from the heroku link: https://devcenter.heroku.com/articles/mean-apps-restful-api#define-the-contact-class

I ran into another issue when trying to git push heroku master, where the build fails at the "postinstall":"ng build" step of the package.json file. When I do not include "postinstall":"ng build" in the package.json it was able to build, but when I ran heroku open none of the angular code appeared and the browser just outputted the following: Cannot GET /.

The build error message when trying to build with "postinstall":"ng build" is as follows"

remote: -----> Building dependencies
remote: Installing node modules (package.json + package-lock)
remote:
remote: > [email protected] postinstall /tmp/build_7139d1c89bf1b25a5122707c093fcaee
remote: > ng build
remote:
remote: sh: 1: ng: not found
remote: npm ERR! file sh
remote: npm ERR! code ELIFECYCLE
remote: npm ERR! errno ENOENT
remote: npm ERR! syscall spawn
remote: npm ERR! [email protected] postinstall: ng build
remote: npm ERR! spawn ENOENT
remote: npm ERR!
remote: npm ERR! Failed at the [email protected] postinstall script.
remote: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
remote:
remote: npm ERR! A complete log of this run can be found in:
remote: npm ERR! /app/.npm/_logs/2017-08-02T20_55_51_819Z-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: If you're stuck, please submit a ticket so we can help:
remote: https://help.heroku.com/
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 infinite-gorge-38681.
remote:
To https://git.heroku.com/infinite-gorge-38681.git
! [remote rejected] master -> master (pre-receive hook declined)
error: failed to push some refs to 'https://git.heroku.com/infinite-gorge-38681.git'

Throwing errors while running the program

hello , iam trying to run(npm start ) your program using Angular CLI but the program is throwing error like
npm-debug.log while i had no issues while installing the program (npm install) , i hope you know why its throwing errors and you will help me fix it

Please help update the main documentation

On the Create a Web App and RESTful API Server Using the MEAN Stack - Prerequisites, it requires to install the app npm install -g angular-cli. But in the package.json it is already using @angular/cli.

So I would suggest updating the document to npm install -g @angular/cli. Thanks

Where is CONTACTS_COLLECTION schema defined?

mean-contactlist-angular2/server.js

Line 6 in f5df5ef

var CONTACTS_COLLECTION = "contacts";

I've realized that CONTACTS_COLLECTION is just set to a string called "contacts"..not really a Schema or a model for MongoDB

mean-contactlist-angular2/server.js

Line 50 in f5df5ef

db.collection(CONTACTS_COLLECTION).find({}).toArray(function(err, docs) {

Here, you're using CONTACTS_COLLECTION (which I assume is just a string "contacts")... I am sorry, I don't get the logic here. Have you declared Schema for CONTACTS_COLLECTION somewhere else?

Thank you

503 Service Unavailable

Hi,

I am seeing the current error in my console:

GET https://radiant-ridge-88002.herokuapp.com/favicon.ico 503 (Service Unavailable)

I was following the Heroku tutorial and im not sure where I went wrong.

Thanks in advance for any help!

Demo not working

As mentioned in the article here, demo link given is not working.