This issue occurs when the type references for the Bold Reports components are not properly referred in the Angular application. This issue can be resolved by registering the @bold-reports/types
under the typeRoots
and add the typings jquery
and reports.all
to the tsconfig.app.json
or the tsconfig.json
file.
```js
{
...
...
"compilerOptions": {
...
...
"typeRoots": [
"node_modules/@types",
"node_modules/@boldreports/types"
],
"types": [
"jquery",
"reports.all"
]
},
...
...
}
```
If you have still faced the issue of
'ej' is not defined
after the above configuration in Angular CLI latest version 7, refer to the following code sample at the top of yourapp.component.ts
file in your application where you have rendered Syncfusion Components(model file) to resolve the issue.
`/// <reference types="reports.all" />`
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
...
...
}
```