Visual Studio 2017 and Angular Template

[mjceeParticipant]

I am using the angular template in Visual Studio 2017 to create my angular app.

File -> New -> Project -> .Net Core => ASP.Net Core Web Application -> Angular

What is the recommended way to add jQWidget to this project?

[MartinParticipant]

Hello mjcee,

I suggest you to follow the configuration from our Angular2 with Webpack Documentation.

You can also refer to this forum Topic or ask here if you need more help.

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[mjceeParticipant]

Martin

Your suggested a nswers don’t seem to address my specifc problem. I have added jqwidets-scripts to the node modules directory and added

import { jqxGridComponent } from ‘jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid’;

to the app.browser.module.ts file and I get the following error

ERROR in [at-loader] ./node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid.ts:184:18 
    TS7017: Element implicitly has an 'any' type because type '{}' has no index signature.
ERROR in [at-loader] ./node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid.ts:187:17 
    TS7017: Element implicitly has an 'any' type because type '{}' has no index signature.
ERROR in [at-loader] ./node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid.ts:188:17 
    TS7017: Element implicitly has an 'any' type because type '{}' has no index signature.
ERROR in [at-loader] ./node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid.ts:221:17 
    TS7017: Element implicitly has an 'any' type because type 'jqxGridComponent' has no index signature.
ERROR in [at-loader] ./node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid.ts:222:27 
    TS7017: Element implicitly has an 'any' type because type 'jqxGridComponent' has no index signature.
ERROR in [at-loader] ./node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid.ts:223:23 
    TS7017: Element implicitly has an 'any' type because type 'jqxGridComponent' has no index signature.
ERROR in [at-loader] ./node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid.ts:224:50 
    TS7017: Element implicitly has an 'any' type because type 'jqxGridComponent' has no index signature.
ERROR in [at-loader] ./node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid.ts:230:57 
    TS7017: Element implicitly has an 'any' type because type 'jqxGridComponent' has no index signature.
ERROR in [at-loader] ./node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid.ts:234:20 
    TS7017: Element implicitly has an 'any' type because type 'jqxGridComponent' has no index signature.
ERROR in [at-loader] ./node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid.ts:235:57 
    TS7017: Element implicitly has an 'any' type because type 'jqxGridComponent' has no index signature.
ERROR in [at-loader] ./node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid.ts:261:14 
    TS7017: Element implicitly has an 'any' type because type 'jqxGridComponent' has no index signature.
ERROR in [at-loader] ./node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid.ts:262:13 
    TS7017: Element implicitly has an 'any' type because type '{}' has no index signature.
ERROR in [at-loader] ./node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid.ts:262:43 
    TS7017: Element implicitly has an 'any' type because type 'jqxGridComponent' has no index signature.

What am I missing?

[Ivo ZhulevParticipant]

Hi mjcee,

Can you please share the project as a rar/zip file(without the node_modules)?

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[mjceeParticipant]

I resolved this problem by creating the angular app using the procedures shown in

http://www.talkingdotnet.com/implement-asp-net-core-spa-template-feature-in-angular6-app/

This creates the app using the Angular CLI. You can then use the steps shown in the jqwidgets documentation for Angular/Angular CLI to add components to the application.

[MartinParticipant]

Hello mjcee,

Thank you for the update!

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts