René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Connecting complex 3rd party libraries","articleBody":"\u003e ---\n### OS?\n\n\u003e Windows 10\n### Versions.\n\n\u003e angular-cli: 1.0.0-beta.17\n\u003e node: 6.3.1\n\u003e os: win32 x64\n### Repro steps.\n\n\u003e I've tried to setup a 3rd party library (cesiumjs). There are many errors during the \"serve\" process.\n\u003e 1) npm install cesium --save\n\u003e 2) In angular-cli.json file:\n\u003e \n\u003e ```\n\u003e \"styles\": [\n\u003e         \"styles.css\",\n\u003e         \"../node_modules/cesium/Build/Cesium/Widgets/widgets.css\"\n\u003e       ],\n\u003e       \"scripts\": [\n\u003e         \"../node_modules/cesium/Build/Cesium/Cesium.js\"\n\u003e       ],\n\u003e ```\n\u003e \n\u003e 3) Created a simple component:\n\u003e ng g component cesium-component\n\u003e 4) Inside the component used the Cesium global that's supposed to be available:\n\u003e \n\u003e ```\n\u003e constructor(public element: ElementRef) {\n\u003e     Cesium.BingMapsApi.defaultKey = 'AroazdWsTmTcIx4ZE3SIicDXX00yEp9vuRZyn6pagjyjgS-VdRBfBNAVkvrucbqr';\n\u003e     window.CESIUM_BASE_URL = '/assets';\n\u003e   }\n\u003e ```\n\n  ngOnInit() {\n    this.viewer = new Cesium.Viewer(this.element.nativeElement);\n  }\n\n```\n5) There are errors during the `ng serve` process (see the errors section).\n6) The app does load, and Ceisum gives an error it cannot find files.\n7) I copy Cesium into the app's assets dir, and set: `window.CESIUM_BASE_URL = '/assets/Cesium';` (as in the code example above)\n8) I get errors during the `serve` process (see below).\n\n### The log given by the failure.\n\u003e '''\nERROR in [default] D:\\development\\edu\\ngCli\\my_first_cli_project\\src\\app\\cesium-component\\cesium-component.component.ts:11:4 \nCannot find name 'Cesium'.\n\nERROR in [default] D:\\development\\edu\\ngCli\\my_first_cli_project\\src\\app\\cesium-component\\cesium-component.component.ts:12:11 \nProperty 'CESIUM_BASE_URL' does not exist on type 'Window'.\n\nERROR in [default] D:\\development\\edu\\ngCli\\my_first_cli_project\\src\\app\\cesium-component\\cesium-component.component.ts:16:9 \nProperty 'viewer' does not exist on type 'CesiumComponentComponent'.\n\nERROR in [default] D:\\development\\edu\\ngCli\\my_first_cli_project\\src\\app\\cesium-component\\cesium-component.component.ts:16:22 \nCannot find name 'Cesium'.\n'''\n\n\n### Mention any other details that might be useful.\nMy main question is:\nIs there a way to connect the Cesium assets without copying them to the app itself? (make the app get them from node modules?) What would be best practice here?\n\nAnother small thing - why do the errors appear during the `serve` phase, while the app itself seems to be working correctly (I can see Cesium and it's running properly in my component).\n\n\u003e ---------------------------------------------------------------\nThanks\n```\n","author":{"url":"https://github.com/YonatanKra","@type":"Person","name":"YonatanKra"},"datePublished":"2016-10-23T05:41:39.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":6},"url":"https://github.com/2837/angular-cli/issues/2837"}