Web SDK for Angular

, ,
1

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:

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

2

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

3

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:

{
  "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": {}
  }
}