[blurock]

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?

[support-swapna]

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

[blurock]

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”
}
}

[support-swapna]

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

[Author]

Posts