davideviolante / angular-full-stack Goto Github PK

For showing problem better i created a stackoverflow question

http://stackoverflow.com/questions/41121284/angular-2-mean-stack-receiving-json-instead-of-html

Do u have any step by step tutorial associated with it or any blog ?

Can you please create an angular 2 app with angular cli and express app with mongoose using mvc structure through yoman express generator?

I'm running into an issue with my Angular2 routes. Seems like the tsconfig.json is potentially different than what's expected:

src/tsconfig.json
{ "outDir": "../dist/out-tsc" }

while in the app.js, routes seem to be directed to /dist/index.html

src/server/app.js

// all other routes are handled by Angular app.get('/*', function(req, res) { res.sendFile(path.join(__dirname,'/../../dist/index.html')); });
Or am I missing something?

Hello,

Thanks for sharing,

It would be even better if you add a dockerfile. Jenkinsfile (for CI/CD)?

I'm trying to figure out how to debug application based on this starter using WebStorm. I tried using --debug flag for nodemon in package.json then connecting with Node.js Remote Debug configuration. Even though it connected the code won't stop on breakpoints. I can go with --inspect but:

• it's not integrated with IDE
• I don't want to work on javascript code

Also, I couldn't manage to make IDE work with debugging angular part of the application.

Could you please show me how to deployment both client and server file to any host ?

thanks :)

app.use('/', express.static(__dirname + '/../../dist'));
and
app.use(express.static(path.join(__dirname, '../../dist')));

two of that codes are the same meaning ?

thanks

Hi Davide,
I have the problem using of date in reactive form approach, I added date field your project and not able to submit.

my front end model is : dob:date (one of the field )
my back end model is : dob:date ( one of the field )

I am using reactive form model in angular4

in html
<ng2-datepicker [options]="options" formControlName="dob">

in class
options = ......;
dob = new FormControl('',Validators.required);
this.addCatForm = this.formBuilder.group({
...
dob: this.dob,
.....
});

this is not working how to bind our own form field name as date in reactive forms , pl. any suggestions.

Hi, I'm working on a project that I started with this bundle and I would like to know how to include and reference images in the html code. I've got them inside the assets folder provided in the assets/images and assets/css subfolders. When I try to reference them in the html, I'm getting an error related to the "proxy" thing.

When I run the app i get a mongoerror, I'm currently running mongo v3.4.1, and node v7.4.0:

  Connection error: { MongoError: failed to connect to server [localhost:27017] on first connect 
   [MongoError: connect ECONNREFUSED 127.0.0.1:27017]

I have a problem with npm prod.

[1] Time: 27783ms
[1] chunk    {0} polyfills.caa6a58723d353fd413c.bundle.js (polyfills) 157 kB {5} [initial] [rendered]
[1] chunk    {1} main.79da8cabd567a18639b4.bundle.js (main) 222 kB {4} [initial] [rendered]
[1] chunk    {2} scripts.3b0667af3aed708ffcb4.bundle.js (scripts) 161 kB {5} [initial] [rendered]
[1] chunk    {3} styles.db29a4abc6ea9ca9883d.bundle.css (styles) 175 bytes {5} [initial] [rendered]
[1] chunk    {4} vendor.45aaf0499c7ec2a6939a.bundle.js (vendor) 1.4 MB [initial] [rendered]
[1] chunk    {5} inline.1265be2a931eed666fc6.bundle.js (inline) 0 bytes [entry] [rendered]
[1] 
[1] ERROR in ng:///Users/wildan/PhpstormProjects/Angular-Full-Stack/client/app/app.component.html (9,7): Property 'auth' is private and only accessible within class 'AppComponent'.
[1] 
[1] ERROR in ng:///Users/wildan/PhpstormProjects/Angular-Full-Stack/client/app/app.component.html (12,7): Property 'auth' is private and only accessible within class 'AppComponent'.
[1] 
[1] ERROR in ng:///Users/wildan/PhpstormProjects/Angular-Full-Stack/client/app/app.component.html (15,7): Property 'auth' is private and only accessible within class 'AppComponent'.
[1] ng build -aot -prod && tsc -p server && node dist/server/app.js exited with code 1

npm ERR! Darwin 16.4.0
npm ERR! argv "/usr/local/Cellar/node/7.5.0/bin/node" "/usr/local/lib/node_modules/npm/bin/npm-cli.js" "run" "prod" "--scripts-prepend-node-path"
npm ERR! node v7.5.0
npm ERR! npm  v4.1.2
npm ERR! code ELIFECYCLE
npm ERR! [email protected] prod: `concurrently "mongod" "ng build -aot -prod && tsc -p server && node dist/server/app.js"`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] prod script 'concurrently "mongod" "ng build -aot -prod && tsc -p server && node dist/server/app.js"'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular2-full-stack package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     concurrently "mongod" "ng build -aot -prod && tsc -p server && node dist/server/app.js"
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs angular2-full-stack
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls angular2-full-stack
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /Users/wildan/PhpstormProjects/Angular-Full-Stack/npm-debug.log

Process finished with exit code 1
`

• npm WARN package.json Dependency 'webpack' exists in both dependencies and devDependencies, using 'webpack@^1.13.2' from dependencies

-npm WARN optional dep failed, continuing [email protected]

I'm interested in a way to test the server side code.

I have a more complex project started from this repo and there is essential logic in the server controllers that I really would like to have tests for.

I've experimented some with using mocha but then I get name collisions with jasmine identifiers. I would be nice to have jasmine all the way but I have not gotten that to work (yet).

https://github.com/angular/universal-starter

Hi! I'm new to angular 2, so I could just be doing this completely wrong, but i'm trying to add a new component(off a fresh copy), and I did the angular cli ng g component my-new-component which added the component fine, but when I add it to the RouterModule in app.module.ts and try to load the page (localhost:4200/newcomponent) it gives me this error Error: ENOENT: no such file or directory, stat 'Desktop/Angular2-Full-Stack-master/dist/index.html' at Error (native). Am I just not adding it somewhere? the console only says Failed to load resource: the server responded with a status of 404 (Not Found)

Why do you use :
import * as bodyParser from 'body-parser'; and not import { * } from './....'; syntax ?
Also i dont understand why no export class ?

It looks like it's just a JS to TS transpilation.

Angular CLI beta 14 doesn't like the new Webpack beta 23 resulting an error when attempting to build the project as posted here:

http://stackoverflow.com/questions/39600939/invalid-configuration-object-webpack-has-been-initialised-using-a-configuration

The cats are happy once updating to CLI beta 15.

EDIT: FYI thanks for this great starter. I've been using the non CLI version and am currently migrating a project to CLI version

While building the project getting error "path must be a string. Received null." This was not coming with previous version.

Hello , i really like your work about this project.
Unfortunately, it is really hard to understand how to install socket io with best practises !

i use "ng serve -pc proxy.conf.json --open" "sleep 10 && tsc -w -p server" currently

has any tricks to guarantee the command execution sequence.

I have the database and the server up, but the client keeps saying "Loading", why doesn't it update? I also don't understand my uncaught syntax error.. help please? Does it have something to do with the application using typescript?

What's the best way to secure the api? I mean to give separate permissions to each endpoint.
for example:
api/cats - open to anybody.
api/orders - available to admins only.

thanks.

Consider using a live-reload plugin to speed up development. To see the updated file changes by auto-reloading the browser.

There was no problem when I ran this app first time.
I haved added features and customized it as its purpose.
It worked fine in my repo.
I have commited to my git repo and cloned it in other com or folder.
But I get this error.
Cannot read property 'config' of null
[1] TypeError: Cannot read property 'config' of null
[1] at Class.run (/Volumes/Works/PokerNoteApp/node_modules/@angular/cli/tasks/serve.js:22:63)
[1] at check_port_1.checkPort.then.port (/Volumes/Works/PokerNoteApp/node_modules/@angular/cli/commands/serve.js:103:26)
[1] at process._tickCallback (internal/process/next_tick.js:103:7)

Please help me!

Is this systemjs app?

When I try to update a cat I get this mongo error:

[1] name: 'MongoError',
[1] message: 'exception: Mod on _id not allowed',
[1] value:
[1] { name: 'cat1',
[1] age: 5,
[1] weight: 2,
[1] _id: 57b30f94b642ee7a18ab5c42,
[1] __v: 0 },
[1] errmsg: 'exception: Mod on _id not allowed',
[1] code: 10148,
[1] ok: 0 }

(even after pulling a fresh copy of the repo). Inserting and deleting cats from the mongoDB works great.

Node v6.9.2
NPM 3.10.9
I am getting the below errors while try to run npm run prod :

ENOENT: no such file or directory, open '/usr/local/data/workspace/app/Angular-Full-Stack/schema/loader.json'
Error: ENOENT: no such file or directory, open '/usr/local/data/workspace/app/Angular-Full-Stack/schema/loader.json'
at Error (native)
at Object.fs.openSync (fs.js:640:18)
at Object.fs.readFileSync (fs.js:508:33)
at validateOptions (/usr/local/data/workspace/app/Angular-Full-Stack/node_modules/schema-utils/dist/validateOptions.js:35:27)
at Function.ExtractTextPlugin.extract (/usr/local/data/workspace/app/Angular-Full-Stack/node_modules/extract-text-webpack-plugin/index.js:206:3)
at rules.push.baseRules.map (/usr/local/data/workspace/app/Angular-Full-Stack/node_modules/@angular/cli/models/webpack-configs/styles.js:172:66)
at Array.map (native)
at Object.getStylesConfig (/usr/local/data/workspace/app/Angular-Full-Stack/node_modules/@angular/cli/models/webpack-configs/styles.js:160:33)
at NgCliWebpackConfig.buildConfig (/usr/local/data/workspace/app/Angular-Full-Stack/node_modules/@angular/cli/models/webpack-config.js:21:31)
at Class.run (/usr/local/data/workspace/app/Angular-Full-Stack/node_modules/@angular/cli/tasks/build.js:27:92)
at Class.run (/usr/local/data/workspace/app/Angular-Full-Stack/node_modules/@angular/cli/commands/build.js:149:26)
at Class.Command.validateAndRun (/usr/local/data/workspace/app/Angular-Full-Stack/node_modules/@angular/cli/ember-cli/lib/models/command.js:128:15)
at /usr/local/data/workspace/app/Angular-Full-Stack/node_modules/@angular/cli/ember-cli/lib/cli/cli.js:92:22
at tryCatch (/usr/local/data/workspace/app/Angular-Full-Stack/node_modules/rsvp/dist/rsvp.js:539:12)
at invokeCallback (/usr/local/data/workspace/app/Angular-Full-Stack/node_modules/rsvp/dist/rsvp.js:554:13)
at /usr/local/data/workspace/app/Angular-Full-Stack/node_modules/rsvp/dist/rsvp.js:629:16

npm start

[email protected] prestart C:\Share\Jesse\wolf-tutorials
webpack

ts-loader: Using [email protected] and C:\Share\Jesse\wolf-tutorials\tsconfig.json
Hash: e4bf2532e75649becf04
Version: webpack 1.13.1
Time: 5903ms
Asset Size Chunks Chunk Names
./public/main.js 2.29 MB 0 [emitted] main
./public/vendor.js 406 kB 1 [emitted] vendor
+ 677 hidden modules

[email protected] start C:\Share\Jesse\wolf-tutorials
concurrently "webpack --watch" "nodemon server.js"

[1] [nodemon] 1.9.2
[1] [nodemon] to restart at any time, enter rs
[1] [nodemon] watching: .
[1] [nodemon] starting node server.js
[0] ts-loader: Using [email protected] and C:\Share\Jesse\wolf-tutorials\tsconfig.json
[1] [nodemon] restarting due to changes...
[1] [nodemon] restarting due to changes...
[1] [nodemon] starting node server.js
[1] [nodemon] restarting due to changes...
[0] Hash: e4bf2532e75649becf04
[0] Version: webpack 1.13.1
[0] Time: 5666ms
[0] Asset Size Chunks Chunk Names
[0] ./public/main.js 2.29 MB 0 [emitted] main
[0] ./public/vendor.js 406 kB 1 [emitted] vendor
[0] + 677 hidden modules
[1] [nodemon] starting node server.js

And that's it, it just hangs there...

I think the reference to About on line 13 (and also line 10) should read Cats!

Everything works however the outdated form form module error, please see below.

*It looks like you're using the old forms module. This will be opt-in in the next RC, and
will eventually be removed in favor of the new forms module. For more information, see:
https://docs.google.com/document/u/1/d/1RIezQqE4aEhBRmArIAS1mRIZtWFf6JxN_7B4meyWK0Y/pub

How can i add CSS for a directive, in example navbar.
I try to create new file "navbar.css" in folder navbar but it not work.
Tks a lot :(

• Login route
• Logout route
• Register route
• Authentication via JWT and angular2-jwt
• Make tests work (see here https://angular.io/docs/ts/latest/guide/testing.html#!#component-with-dependency). Will do in another branch.

Great project!
Is there a way to use the models that are defined in backend, like cats, users, also in the front end?
for example, the cat.service will return a list of cats, not 'any'.
I guess i could add the models on the client app, but that would not be very DRY, right?

Getting more familiar with this codebase (which is the best MEAN boilerplate I've found btw, thank you for that), and I'm not seeing any linting for the server portion/express app. Am I missing something obvious?

If not, is there a specific reason why you chose to only lint /client? Also, would you be interested in receiving a PR with a lint set up for /server?

Good evening!

For me the npm start is throwing some error and it's not running Angular Cli build:

[0] 2017-02-25T17:33:53.333-0300 I CONTROL [initandlisten] MongoDB starting : pid=12712 port=27017 dbpath=C:\data\db\ 64-bit host=DESKTOP-T4Q8DTC
[0] 2017-02-25T17:33:53.335-0300 I CONTROL [initandlisten] targetMinOS: Windows Vista/Windows Server 2008
[0] 2017-02-25T17:33:53.335-0300 I CONTROL [initandlisten] db version v3.2.4
[0] 2017-02-25T17:33:53.335-0300 I CONTROL [initandlisten] git version: e2ee9ffcf9f5a94fad76802e28cc978718bb7a30
[0] 2017-02-25T17:33:53.335-0300 I CONTROL [initandlisten] allocator: tcmalloc
[0] 2017-02-25T17:33:53.335-0300 I CONTROL [initandlisten] modules: none
[0] 2017-02-25T17:33:53.335-0300 I CONTROL [initandlisten] build environment:
[0] 2017-02-25T17:33:53.335-0300 I CONTROL [initandlisten] distarch: x86_64
[0] 2017-02-25T17:33:53.335-0300 I CONTROL [initandlisten] target_arch: x86_64
[0] 2017-02-25T17:33:53.335-0300 I CONTROL [initandlisten] options: {}
[0] 2017-02-25T17:33:53.337-0300 I - [initandlisten] Detected data files in C:\data\db\ created by the 'wiredTiger' storage engine, so setting the active storage engine to 'wiredTiger'.
[0] 2017-02-25T17:33:53.339-0300 I STORAGE [initandlisten] wiredtiger_open config: create,cache_size=4G,session_max=20000,eviction=(threads_max=4),config_base=false,statistics=(fast),log=(enabled=true,archive=true,path=journal,compressor=snappy),file_manager=(
close_idle_time=100000),checkpoint=(wait=60,log_size=2GB),statistics_log=(wait=0),
[1] C:\Users\mario\Desktop\mms3\node_modules@angular\cli\models\config\config.js:15
[1] constructor(_configPath, schema, configJson, fallbacks = []) {
[1] ^
[1]
[1] SyntaxError: Unexpected token =
[1] at exports.runInThisContext (vm.js:53:16)
[1] at Module._compile (module.js:387:25)
[1] at Object.Module._extensions..js (module.js:422:10)
[1] at Module.load (module.js:357:32)
[1] at Function.Module._load (module.js:314:12)
[1] at Module.require (module.js:367:17)
[1] at require (internal/module.js:16:19)
[1] at Object. (C:\Users\mario\Desktop\mms3\node_modules@angular\cli\models\config.js:2:18)
[1] at Module._compile (module.js:413:34)
[1] at Object.Module._extensions..js (module.js:422:10)
[1] ng build -w exited with code 1
[0] 2017-02-25T17:33:54.907-0300 I NETWORK [HostnameCanonicalizationWorker] Starting hostname canonicalization worker
[0] 2017-02-25T17:33:54.907-0300 I FTDC [initandlisten] Initializing full-time diagnostic data capture with directory 'C:/data/db/diagnostic.data'
[0] 2017-02-25T17:33:54.911-0300 I NETWORK [initandlisten] waiting for connections on port 27017
[2] [nodemon] 1.11.0
[2] [nodemon] to restart at any time, enter rs
[2] [nodemon] watching: .
[2] [nodemon] starting node src/server/app.js
[0] 2017-02-25T17:33:57.273-0300 I NETWORK [initandlisten] connection accepted from 127.0.0.1:53851 #1 (1 connection now open)
[2] Connected to MongoDB
[2] Angular 2 Full Stack listening on port 3000

If I build with npm run dev The program compiles and runs but there is no dist/public folder.

Building with ng build --prod compiles fine but still no idea where dist/public is

when i do npm run dev :
the folder server is created within the folder dist. But cannot find the folder public.

However, it's with npm run prod both server and public are created.
So the application does'nt work in dev environment :(

HI,
I already have a existing database (MongoDB).
How can i modify your code to work with my DB?

Thank you :)

Feel free to contribute if you know how to do this feature.

ng serve has it already, but I run the server using npm start

I want to use this template with my own CSS class and font files.

How can I remove bootstrap and font awesome from the application?

Hi,

When trying to run the server i get the following error :
server/app.ts(23,10): error TS2540: Cannot assign to 'Promise' because it is a constant or a read-only property.

It occurs in this line :
mongoose.Promise = global.Promise;

I see the following message when inspecting the line on vscode.

To assign your own promise library:

Typescript does not allow assigning properties of imported modules. To avoid compile errors use one of the options below in your code:

(<any>mongoose).Promise = YOUR_PROMISE;
require('mongoose').Promise = YOUR_PROMISE;
import mongoose = require('mongoose'); mongoose.Promise = YOUR_PROMISE;
To assign type definitions for your promise library, you will need to have a .d.ts file with the following code when you compile:

import as Q from 'q'; declare module 'mongoose' { type Promise = Q.promise; }
import as Bluebird from 'bluebird'; declare module 'mongoose' { type Promise = Bluebird; }
Uses global.Promise by default. If you would like to use mongoose default mpromise implementation (which is deprecated), you can omit step 1 and run npm install @types/mongoose-promise

I am using Typescript Version 2.2.1

Hey there, I am trying to implement this project, but I want my bundles to be in memory so that the rebundles are a lot faster and I can use HMR. Any suggestions on how to add the functionality to the express server to handle this with webpack-dev-middleware? I will spend some time on it this weekend and submit a PR if I can get it all working.

getting the the errors

ERROR in /home/mynameweb/Angular2-Express-Mongoose/node_modules/@angular/core/src/application_init.d.ts
0: error TS2304: Cannot find name 'Promise'.

can u please @DavideViolante take a look

Where would you put the server logic...

So, i see you have introduced everything in server.js .
But if I want to put an API with typescript where would you put? because if we put this in app folder I guess is going to be in the client and we could show too much information...
and of course it is impossible to have an api and more stuff into this server.js file
thanks!

Dar Davide,
Could you please add another two fields 1. file upload and 2. date picker to this project. if possible.
( this required front+back end logic ).

Hi nice work guys,
to start a project quickly please consider replacing cats mode naming convention to Hippopotamuses or something special, so doing a simple find and replace in the text editor to start the project quicker, thank you

Hi Davide,

I get this error when I run npm start

Do you know how to fix?

  angular2-full-stack git:(master) ✗ npm start

> [email protected] start /Users/isaklafleur/Coding/GitHub/angular2-full-stack
> concurrently "mongod" "ng build -w" "nodemon src/server/app.js"

[0] 2017-03-08T13:54:19.298+0100 I CONTROL  [initandlisten] MongoDB starting : pid=4696 port=27017 dbpath=/data/db 64-bit host=Isaks-MBP.lan
[0] 2017-03-08T13:54:19.299+0100 I CONTROL  [initandlisten] db version v3.4.2
[0] 2017-03-08T13:54:19.299+0100 I CONTROL  [initandlisten] git version: 3f76e40c105fc223b3e5aac3e20dcd026b83b38b
[0] 2017-03-08T13:54:19.299+0100 I CONTROL  [initandlisten] OpenSSL version: OpenSSL 1.0.2k  26 Jan 2017
[0] 2017-03-08T13:54:19.299+0100 I CONTROL  [initandlisten] allocator: system
[0] 2017-03-08T13:54:19.299+0100 I CONTROL  [initandlisten] modules: none
[0] 2017-03-08T13:54:19.299+0100 I CONTROL  [initandlisten] build environment:
[0] 2017-03-08T13:54:19.299+0100 I CONTROL  [initandlisten]     distarch: x86_64
[0] 2017-03-08T13:54:19.299+0100 I CONTROL  [initandlisten]     target_arch: x86_64
[0] 2017-03-08T13:54:19.299+0100 I CONTROL  [initandlisten] options: {}
[0] 2017-03-08T13:54:19.303+0100 I -        [initandlisten] Detected data files in /data/db created by the 'wiredTiger' storage engine, so setting the active storage engine to 'wiredTiger'.
[0] 2017-03-08T13:54:19.303+0100 I STORAGE  [initandlisten] wiredtiger_open config: create,cache_size=3584M,session_max=20000,eviction=(threads_max=4),config_base=false,statistics=(fast),log=(enabled=true,archive=true,path=journal,compressor=snappy),file_manager=(close_idle_time=100000),checkpoint=(wait=60,log_size=2GB),statistics_log=(wait=0),
[0] 2017-03-08T13:54:20.201+0100 I CONTROL  [initandlisten]
[0] 2017-03-08T13:54:20.202+0100 I CONTROL  [initandlisten] ** WARNING: Access control is not enabled for the database.
[0] 2017-03-08T13:54:20.202+0100 I CONTROL  [initandlisten] **          Read and write access to data and configuration is unrestricted.
[0] 2017-03-08T13:54:20.202+0100 I CONTROL  [initandlisten]
[0] 2017-03-08T13:54:20.243+0100 I FTDC     [initandlisten] Initializing full-time diagnostic data capture with directory '/data/db/diagnostic.data'
[0] 2017-03-08T13:54:20.244+0100 I NETWORK  [thread1] waiting for connections on port 27017
[2] [nodemon] 1.11.0
[2] [nodemon] to restart at any time, enter `rs`
[2] [nodemon] watching: *.*
[2] [nodemon] starting `node src/server/app.js`
[0] 2017-03-08T13:54:21.190+0100 I NETWORK  [thread1] connection accepted from 127.0.0.1:51585 #1 (1 connection now open)
[0] 2017-03-08T13:54:21.202+0100 I NETWORK  [conn1] received client metadata from 127.0.0.1:51585 conn1: { driver: { name: "nodejs", version: "2.2.24" }, os: { type: "Darwin", name: "darwin", architecture: "x64", version: "16.4.0" }, platform: "Node.js v6.10.0, LE, mongodb-core: 2.1.8" }
[2] Connected to MongoDB
[2] Angular 2 Full Stack listening on port 3000
[1] Cannot read property 'config' of null
[1] TypeError: Cannot read property 'config' of null
[1]     at Class.run (/Users/isaklafleur/Coding/GitHub/angular2-full-stack/node_modules/@angular/cli/tasks/build.js:16:56)
[1]     at Class.run (/Users/isaklafleur/Coding/GitHub/angular2-full-stack/node_modules/@angular/cli/commands/build.js:143:26)
[1]     at Class.<anonymous> (/Users/isaklafleur/Coding/GitHub/angular2-full-stack/node_modules/@angular/cli/ember-cli/lib/models/command.js:134:17)
[1]     at process._tickCallback (internal/process/next_tick.js:103:7)
[1] ng build -w exited with code 1
[2] GET / 404 8.932 ms - 161
[2] Error: ENOENT: no such file or directory, stat '/Users/isaklafleur/Coding/GitHub/angular2-full-stack/dist/index.html'
[2]     at Error (native)

Node : v6.4.0
Npm : 3.10.7

I get erros bellow when run try to run "ng build -w" :

Looks like you have a different program called watchman, falling back to NodeWatcher.
Visit http://ember-cli.com/user-guide/#watchman for more info.
Path must be a string. Received null
TypeError: Path must be a string. Received null
at assertPath (path.js:7:11)
at Object.resolve (path.js:1148:7)
at Class.exports.default.Task.extend.run (/Users/admin/Documents/Sites/Angular2-Full-Stack/node_modules/angular-cli/tasks/build-webpack-watch.js:14:26)
at Class.Command.extend.run (/Users/admin/Documents/Sites/Angular2-Full-Stack/node_modules/angular-cli/commands/build.js:50:26)
at Class. (/Users/admin/Documents/Sites/Angular2-Full-Stack/node_modules/angular-cli/lib/models/command.js:152:17)
at tryCatch (/Users/admin/Documents/Sites/Angular2-Full-Stack/node_modules/rsvp/dist/lib/rsvp/-internal.js:215:12)
at invokeCallback (/Users/admin/Documents/Sites/Angular2-Full-Stack/node_modules/rsvp/dist/lib/rsvp/-internal.js:230:13)
at publish (/Users/jeanpeyroux/Documents/Sites/Angular2-Full-Stack/node_modules/rsvp/dist/lib/rsvp/-internal.js:198:7)
at flush (/Users/jeanpeyroux/Documents/Sites/Angular2-Full-Stack/node_modules/rsvp/dist/lib/rsvp/asap.js:85:5)
at _combinedTickCallback (internal/process/next_tick.js:67:7)
at process._tickCallback (internal/process/next_tick.js:98:9)