Adding 3rd party libs

[vlio20]

Hi,
I am trying to add moment (3rd party lib) to my project and could not find any mentioning on how to add 3rd party libs to the project which is generated via the cli.
I have asked the following question on SO:
http://stackoverflow.com/questions/35796961/angular-2-3rd-party-libs

Help will be much appreciated.

[jkuri]

Hi. We do currently not have a command for adding 3rd party lib, but it is coming soon.
At this moment please do the following:

1. npm install moment
2. copy moment.js from node_modules/moment to src/assets/js/moment.js
3. include assets/js/moment.js in your index.html
4. install the typings and import lib to your .ts file where you need it, please follow this
5. run ng serve and enjoy using moment :)

[vlio20]

@jkuri , should I install typings from the src folder or from the root directory? should I also change the tsconfig.json file?

[jkuri]

Install typings from the root dir and you don't need to change any configuration. If any problem persist just say so.

[jkuri]

@vlio20 did you managed to solve this?

[Brocco]

FYI, looks like this question was also cross-posted to stack overflow

[jkuri]

No answer on the stack overflow does seem to be correct. I think we can close this issue Mike.

[vlio20]

For some reason I can't make typescript stop throwing errors regarding the moment module.
Here is my scaffolding:
http://prntscr.com/ab5fkm
I have added:
<script src="assets/js/moment.js"></script>
to assets/js

And as you can see in the scaffolding there is a typings lib for moment.
Still getting this:

[DiffingTSCompiler]: Typescript found the following errors:
  app/angular-day-picker.ts (2, 25): Cannot find module 'moment'.
Error: [DiffingTSCompiler]: Typescript found the following errors:
  app/angular-day-picker.ts (2, 25): Cannot find module 'moment'.
    at DiffingTSCompiler.doFullBuild (/Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/lib/broccoli/broccoli-typescript.js:202:29)
    at DiffingTSCompiler.rebuild (/Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/lib/broccoli/broccoli-typescript.js:101:18)
    at DiffingPluginWrapper.rebuild (/Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/lib/broccoli/diffing-broccoli-plugin.js:87:45)
    at /Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/node_modules/angular-cli/node_modules/broccoli/lib/api_compat.js:42:21
    at lib$rsvp$$internal$$tryCatch (/Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1036:16)
    at lib$rsvp$$internal$$invokeCallback (/Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1048:17)
    at /Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:331:11
    at lib$rsvp$asap$$flush (/Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1198:9)
    at doNTCallback0 (node.js:430:9)
    at process._tickCallback (node.js:359:13)

@jkuri , as you can see I was not able to solve it. Any suggestions?

[jkuri]

Yes, you didn't installed typings correctly. You need to install both moment and github:DefinitelyTyped/DefinitelyTyped/moment/moment-node.d.ts#b090bcf9ba9f756ec8ff53e7707269729172a325 typings.

[vlio20]

isn't it only typings install moment?

[jkuri]

Please follow the steps I provided and you will notice a link to yesterdays issue.

[vlio20]

@jkuri, I have followed the instructions on the link you have provided and here is my typings.json:

{
  "ambientDependencies": {
    "moment": "github:DefinitelyTyped/DefinitelyTyped/moment/moment.d.ts#b090bcf9ba9f756ec8ff53e7707269729172a325",
    "moment-node": "github:DefinitelyTyped/DefinitelyTyped/moment/moment-node.d.ts#b090bcf9ba9f756ec8ff53e7707269729172a325"
  }
}

still the same error:

[DiffingTSCompiler]: Typescript found the following errors:
  app/angular-day-picker.ts (2, 25): Cannot find module 'moment'.
Error: [DiffingTSCompiler]: Typescript found the following errors:
  app/angular-day-picker.ts (2, 25): Cannot find module 'moment'.
    at DiffingTSCompiler.doFullBuild (/Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/lib/broccoli/broccoli-typescript.js:202:29)
    at DiffingTSCompiler.rebuild (/Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/lib/broccoli/broccoli-typescript.js:101:18)
    at DiffingPluginWrapper.rebuild (/Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/lib/broccoli/diffing-broccoli-plugin.js:87:45)
    at /Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/node_modules/angular-cli/node_modules/broccoli/lib/api_compat.js:42:21
    at lib$rsvp$$internal$$tryCatch (/Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1036:16)
    at lib$rsvp$$internal$$invokeCallback (/Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1048:17)
    at /Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:331:11
    at lib$rsvp$asap$$flush (/Users/vioffe/personal/angular-day-picker/node_modules/angular-cli/node_modules/angular-cli/node_modules/rsvp/dist/rsvp.js:1198:9)
    at doNTCallback0 (node.js:430:9)
    at process._tickCallback (node.js:359:13)

I have restarted the server.

[jkuri]

Check if moment.js in index.html is included okay, you should see an error in developer console if not. Otherwise please wait till next week and you will get this done with ng install moment. Thanks.

[vlio20]

its included like so:
<script src="assets/js/moment.js"></script>
if you like I have created this repo with this issue:
https://github.com/vlio20/angular2-cli-issue

[jkuri]

Okay, let me check it...

[jkuri]

Looks like you created this app a while ago. Install the new angular-cli with npm install angular-cli -g then create new app, new component and copy-paste the code you have written so far. This will be the fastest solution. But you will need to follow the steps (again). This is not working because we didn't have typings implemented in the default init not so far ago.