PHPStorm / html attributes not allowed / Custom attributes

Hello,

I am using a node_modules that has been developed by another organisation. When I use their specific html attributes (<ul eclUnorderedList>) I have the error: attribute xxx is not allowed here

Is there a way that the index add those specific attribute (and directives and tag too) automatically?

The module is Angular (TypeScript) based.

PHPStorm 2019.2

 

Thank you!

4 comments
Comment actions Permalink

Are those node_modules included (not excluded)?  Is it possible to provide us with a code sample?

0
Comment actions Permalink

Hello,

The node_modules are included, so they can be indexed

So it is angular code, here is a sample of the template

app.component.html
<ecl-app-shell-harmonised>
<div eclSiteHeaderEnvironment *eclSlot="'site-header-environment'">Development</div>

<ng-template eclSlot="page-header-breadcrumb-items">
<ecl-breadcrumb-harmonised-segment [href]="appOrganisationUrl" >{{appOrganisationName}}</ecl-breadcrumb-harmonised-segment>
<ecl-breadcrumb-harmonised-segment *ngFor="let item of siteBreadcrumbs" isCurrentPage="{{item.isCurrent}}" routerLink="{{item.url}}" >{{item.label}}</ecl-breadcrumb-harmonised-segment>
</ng-template>

<router-outlet></router-outlet>
</ecl-app-shell-harmonised>

PHPStorm does not "recognise" the

ecl-app-shell-harmonised

nor the extra attribute on the div

eclSiteHeaderEnvironment

0
Comment actions Permalink

Please provide your package.json as well.

0
Comment actions Permalink
{
"name": "eui-angular-app",
"version": "10.0.1",
"license": "EUPL-1.1",
"scripts": {
"ng": "ng",
"e2e": "ng e2e",
"postinstall": "tslint --project ./src/tsconfig.app.json --fix",
"start-mock-server-mean": "nodemon --ext js --watch ./mock/mean ./mock/mean/server.js",
"start-mock-server": "nodemon --ext js --watch ./mock/json ./mock/json/server.js",
"start-serve": "eui-scripts serve-app --configuration=proxy-mock",
"start": "npm-run-all --parallel start-mock-server start-serve",
"start-mean": "npm-run-all --parallel start-mock-server-mean start-serve",
"start-proxy": "eui-scripts serve-app --configuration=proxy",
"start-openid": "eui-scripts serve-app --configuration=local-openid",
"build": "eui-scripts build-app",
"build-dev": "eui-scripts build-app --configuration=dev",
"build-prod": "eui-scripts build-app --configuration=production",
"build-prod-skip-test": "eui-scripts build-app --configuration=production --extraWebpackConfig --skipTest",
"build-prod-ci": "ncp tsconfig-ci.json tsconfig.json && npm run build-prod",
"build-prod-stats": "eui-scripts build-app --configuration=production --extraWebpackConfig --statsJson",
"pkg:init": "eui-cli -m",
"pkg:clean": "eui-scripts clean-package",
"pkg:clean-all": "eui-scripts clean-all",
"pkg:test": "eui-scripts test-package",
"pkg:build": "eui-scripts build-package",
"pkg:build-deps": "eui-scripts build-deps",
"pkg:build-all": "eui-scripts build-all",
"pkg:build-element": "eui-scripts build-element",
"build-prod:all": "npm run pkg:build-all && npm run build",
"pkg:publish": "eui-scripts publish",
"pkg:publish-all": "eui-scripts publish-all",
"generate-changelog": "eui-scripts generate-changelog"
},
"private": true,
"dependencies": {
"@eui/deps-base": "10.0.1",
"@eui/ecl-core": "10.0.0-beta.3",
"@eui/ecl-styles": "10.0.0-beta.3"
}
}

0

Please sign in to leave a comment.