# Web SDK for Angular

**URL:** <https://community.cumulocity.com/t/web-sdk-for-angular/2394>\
**Category:** Forum\
**Tags:** cumulocity\
**Created:** [October 1, 2020, 9:11am UTC](https://community.cumulocity.com/t/web-sdk-for-angular/2394 "2020-10-01T09:11:53Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![gerold.leeb](https://avatars.discourse-cdn.com/v4/letter/g/3bc359/32.png) [@gerold.leeb](https://community.cumulocity.com/u/gerold.leeb)\
**Post date:** [October 1, 2020, 9:11am UTC](https://community.cumulocity.com/t/web-sdk-for-angular/2394/1 "2020-10-01T09:11:53Z")

</div>

Try to start using the Web SDK for Angular ans installed the tutorial template

`c8ycli new tutorial tutorial`

on my System.  
Adopted the package.json start to point to my test instance.  
Seems to work fine. and I can run it via  
`npm start`

So far so good.  
I also do have my cell phone registerd to have a test device - this works also.  
When I now click on the DEVICE navigation I to receive the following error in the Chrome console:

```auto
core.js?09c9:4002 ERROR Error: Uncaught (in promise): NullInjectorError: StaticInjectorError(AppModule)[ControlContainer -> NgForm]: 
  StaticInjectorError(Platform: core)[ControlContainer -> NgForm]: 
    NullInjectorError: No provider for NgForm!
NullInjectorError: StaticInjectorError(AppModule)[ControlContainer -> NgForm]: 
  StaticInjectorError(Platform: core)[ControlContainer -> NgForm]: 
    NullInjectorError: No provider for NgForm!
    at NullInjector.get (core.js?09c9:725)
    at resolveToken (core.js?09c9:11918)
    at tryResolveToken (core.js?09c9:11862)
    at StaticInjector.get (core.js?09c9:11764)
    at resolveToken (core.js?09c9:11918)
    at tryResolveToken (core.js?09c9:11862)
    at StaticInjector.get (core.js?09c9:11764)
    at resolveNgModuleDep (core.js?09c9:20234)
    at NgModuleRef_.get (core.js?09c9:20905)
    at resolveDep (core.js?09c9:21276)
    at resolvePromise (zone.js?d135:852)
    at resolvePromise (zone.js?d135:809)
    at eval (zone.js?d135:913)
    at ZoneDelegate.invokeTask (zone.js?d135:423)
    at Object.onInvokeTask (core.js?09c9:26247)
    at ZoneDelegate.invokeTask (zone.js?d135:422)
    at Zone.runTask (zone.js?d135:195)
    at drainMicroTaskQueue (zone.js?d135:601)
    at ZoneTask.invokeTask [as invoke] (zone.js?d135:502)
    at invokeTask (zone.js?d135:1693)

```

Maybe someone can tell me why this happens.  
In Chrome I do see that I do get a decent respone on the networ!  
many thanks  
Gerold

---

<div class="post-metadata">

**Author:** ![Gyan\_Awasthi1](https://avatars.discourse-cdn.com/v4/letter/g/eada6e/32.png) [@Gyan\_Awasthi1](https://community.cumulocity.com/u/Gyan_Awasthi1)\
**Post date:** [October 2, 2020, 8:29am UTC](https://community.cumulocity.com/t/web-sdk-for-angular/2394/2 "2020-10-02T08:29:29Z")

</div>

hi @gerold.leeb,

Can you share you exact ( full ) WebSDK version ? If possible, please also share you package.json?

I have tested with 10.6.6.10 version . I did not see any error.

Regards  
Gyan

---

<div class="post-metadata">

**Author:** ![gerold.leeb](https://avatars.discourse-cdn.com/v4/letter/g/3bc359/32.png) [@gerold.leeb](https://community.cumulocity.com/u/gerold.leeb)\
**Post date:** [October 2, 2020, 8:56am UTC](https://community.cumulocity.com/t/web-sdk-for-angular/2394/3 "2020-10-02T08:56:23Z")

</div>

Hi Gyan,

Many thanks for your response.  
I installed it without providing the version number.

`npm list`

shows:

> ├─┬ @c8y/cli@1006.6.13  
> │ ├─┬ @c8y/client@1006.6.13  
> ├─┬ @c8y/ngx-components@1006.6.13  
> │ ├── @c8y/client@1006.6.13 deduped  
> ├─┬ @c8y/style@1006.6.13

The package.json looks like this:

```auto
{
  "name": "tutorial",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "c8ycli server -u xxxxxx",
    "build": "c8ycli build",
    "deploy": "c8ycli deploy"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@angular/animations": "8.2.13",
    "@angular/cdk": "8.2.3",
    "@angular/common": "8.2.13",
    "@angular/compiler": "8.2.13",
    "@angular/core": "8.2.13",
    "@angular/forms": "8.2.13",
    "@angular/http": "7.2.15",
    "@angular/platform-browser": "8.2.13",
    "@angular/platform-browser-dynamic": "8.2.13",
    "@angular/router": "8.2.13",
    "@angular/upgrade": "8.2.13",
    "@c8y/ngx-components": "1006.6.13",
    "core-js": "^3.4.0",
    "rxjs": "~6.4.0",
    "url-search-params-polyfill": "6.0.0",
    "zone.js": "~0.9.1",
    "@c8y/style": "1006.6.13"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "0.803.17",
    "@angular/compiler-cli": "8.2.13",
    "@angular/language-service": "8.2.13",
    "typescript": "3.5.3",
    "@c8y/cli": "1006.6.13"
  },
  "c8y": {
    "application": {
      "name": "tutorial",
      "contextPath": "tutorial",
      "key": "tutorial-application-key",
      "brandingEntry": "./branding/branding.less",
      "entryModule": "app.module#AppModule",
      "globalTitle": "Pied Piper IoT",
      "tabsHorizontal": true,
      "rightDrawer": true,
      "docs": {
        "links": [
          {
            "label": "Legacy link",
            "icon": "c8y-icon c8y-icon-tools",
            "url": "https://legacy-link.com"
          },
          {
            "label": "New doc link",
            "icon": "c8y-icon c8y-icon-c8y",
            "url": "https://new-doc-link.com",
            "type": "doc"
          },
          {
            "label": "Quick link from package.json",
            "icon": "c8y-icon c8y-icon-atom",
            "url": "https://quick-link.com",
            "type": "quicklink"
          }
        ]
      }
    },
    "cli": {}
  }
}

```

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/system/32/31990_2.png) [@system](https://community.cumulocity.com/u/system)\
**Post date:** [April 2, 2021, 3:45pm UTC](https://community.cumulocity.com/t/web-sdk-for-angular/2394/4 "2021-04-02T15:45:15Z")

</div>

Closed on April 2, 2021, 3:45pm UTC