facebook

angular component (material) not recognized in IDE (but compiles with no problem

  1. CodeMix & Angular IDE
  2.  > 
  3. Getting Help
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #679655 Reply

    blurock
    Participant

    In the IDE within the html files, components, specically from angular material are not recognized.
    (if ‘xxx’ is an angular component, then verify it is part of this module).
    <router-outlet></router-outlet> gives the same error in the IDE (but works when compiled).

    However, compiling and running ‘ng serve’, works okay with no errors (and the components are recognized).
    This means the code is okay, it is just the IDE (MyEclipse) that doesn’t recognize it.

    I’v attached the package.json file for dependecies

    looking at the suggestions (using ‘<‘), all possible components appear (including the ones I define), but not the angular material ones (those beginning with mat-)

    MyEclipse is latest version.

    This might be a issue after upgrade… all angular modules are up to date
    ng update
    Using package manager: ‘npm’
    Collecting installed dependencies…
    Found 43 dependencies.
    We analyzed your package.json and everything seems to be in order. Good work!`

    One thing that could be related is when I do ng add @angular/material I get:
    ng add @angular/material
    Skipping installation: Package already installed
    ? Choose a prebuilt theme name, or “custom” for a custom theme: Indigo/Pink [ Preview: https://material.angular.io?theme=indigo-pink ]
    ? Set up global Angular Material typography styles? Yes
    ? Set up browser animations for Angular Material? Yes
    UPDATE package.json (1726 bytes)
    ✔ Packages installed successfully.
    Cannot read properties of null (reading ‘attrs’)

    This makes me think that some configuration file is corrupted.

    Any suggestions where I can look?

    #679659 Reply

    support-swapna
    Moderator

    Hi,

    This is a known problem with Angular 13 projects in MyEclipse 2021. The fix will be out with our next update due for release very soon.
    We will keep you posted once the release is out.

    Apologies for inconvenience caused.

    –Swapna
    Genuitec Support

    #679660 Reply

    blurock
    Participant

    This is the package.json file (since I couldn’t upload it)
    {
    “name”: “system-with-authentification”,
    “version”: “0.0.0”,
    “scripts”: {
    “ng”: “ng”,
    “start”: “ng serve”,
    “build”: “ng build”,
    “test”: “ng test”,
    “lint”: “ng lint”,
    “e2e”: “ng e2e”
    },
    “private”: true,
    “dependencies”: {
    “@angular/animations”: “^13.3.0”,
    “@angular/cdk”: “^13.3.0”,
    “@angular/common”: “~13.3.0”,
    “@angular/compiler”: “~13.3.0”,
    “@angular/core”: “~13.3.0”,
    “@angular/fire”: “^7.2.1”,
    “@angular/forms”: “~13.3.0”,
    “@angular/localize”: “~13.3.0”,
    “@angular/material”: “^13.3.0”,
    “@angular/platform-browser”: “~13.3.0”,
    “@angular/platform-browser-dynamic”: “~13.3.0”,
    “@angular/router”: “~13.3.0”,
    “@ng-bootstrap/ng-bootstrap”: “^8.0.0”,
    “bootstrap”: “^4.5.0”,
    “firebase”: “^9.6.7”,
    “rxjs”: “~6.6.0”,
    “tslib”: “^2.0.0”,
    “zone.js”: “~0.11.4”
    },
    “devDependencies”: {
    “@angular-devkit/architect”: “^0.1303.0”,
    “@angular-devkit/build-angular”: “^13.3.0”,
    “@angular/cli”: “~13.3.0”,
    “@angular/compiler-cli”: “~13.3.0”,
    “@types/jasmine”: “~3.5.0”,
    “@types/jasminewd2”: “~2.0.3”,
    “@types/node”: “^12.19.3”,
    “angular-ide”: “^0.9.77”,
    “codelyzer”: “^6.0.0”,
    “firebase-tools”: “^9.23.3”,
    “fuzzy”: “^0.1.3”,
    “inquirer”: “^6.2.2”,
    “inquirer-autocomplete-prompt”: “^1.0.1”,
    “jasmine-core”: “~3.6.0”,
    “jasmine-spec-reporter”: “~5.0.0”,
    “karma”: “~6.3.16”,
    “karma-chrome-launcher”: “~3.1.0”,
    “karma-coverage-istanbul-reporter”: “~3.0.2”,
    “karma-jasmine”: “~4.0.0”,
    “karma-jasmine-html-reporter”: “^1.5.0”,
    “open”: “^7.0.3”,
    “protractor”: “~7.0.0”,
    “ts-node”: “~8.3.0”,
    “tslint”: “~6.1.0”,
    “typescript”: “~4.5.5”
    }
    }

    #680031 Reply

    support-swapna
    Moderator

    blurock,

    We just released MyEclipse 2022 with a fix to the issue you reported. Please update via Help > Check for Updates and let us know if you still see the validation errors.

    –Swapna
    Genuitec Support

Viewing 4 posts - 1 through 4 (of 4 total)
Reply To: angular component (material) not recognized in IDE (but compiles with no problem

You must be logged in to post in the forum log in