topic Re: lang.hitch scope is null error while building widgets in Web AppBuilder Custom Widgets Questions

lang.hitch scope is null error while building widgets

Rohit_Venkat_GandhiMendadhala3 — Wed, 27 Feb 2019 17:48:35 GMT

I am trying to build a widget which will retrieve the place links if we type an address or drop a pin at a location. It will provide links to Google 3D, Birdseye view. But when I start the server and import the widget in my application it shows up this error that widget cannot be created. When I look into the console, it shows that lang. hitch scope is null. Here is the screenshot for your reference.

Re: lang.hitch scope is null error while building widgets

RobertScheitlin__GISP — Wed, 27 Feb 2019 18:59:46 GMT

Rohit,

Look at the create widget error right above the lang.hitch issue. Line 117 of your Placelinks widget is where you need to focus your debugging efforts.

Re: lang.hitch scope is null error while building widgets

Rohit_Venkat_GandhiMendadhala3 — Wed, 27 Feb 2019 19:25:24 GMT

Thank you very much Robert.

I checked the widgetmanger.js inside jimu.js folder

I think the line 117 is console.log('create [' + setting.uri + '] error:' + err.stack);

Is create[setting.uri] causing the issue?

Re: lang.hitch scope is null error while building widgets

RobertScheitlin__GISP — Wed, 27 Feb 2019 19:36:46 GMT

Rohit,

Do you have a settings.js for this widget?

Re: lang.hitch scope is null error while building widgets

Rohit_Venkat_GandhiMendadhala3 — Wed, 27 Feb 2019 19:44:22 GMT

Yes I do have it

Re: lang.hitch scope is null error while building widgets

RobertScheitlin__GISP — Wed, 27 Feb 2019 19:53:19 GMT

Rohit,

Try removing the whole settings folder from your widget and if your manifest.json has about hasSettingPage or hasSettingsUI set them to false and see if the issue goes away.

Re: lang.hitch scope is null error while building widgets

Rohit_Venkat_GandhiMendadhala3 — Thu, 28 Feb 2019 02:43:58 GMT

Didn't work for me Robert. Can send you a zipped file if needed. Thank you

Re: lang.hitch scope is null error while building widgets

RobertScheitlin__GISP — Thu, 28 Feb 2019 13:48:42 GMT

Rohit,

At this point I do not know what else to tell you without seeing your code.

Re: lang.hitch scope is null error while building widgets

Rohit_Venkat_GandhiMendadhala2 — Fri, 01 Mar 2019 05:04:22 GMT

Thanks Robert,

Can you share your email so that I can send the widget in a zipped file?

Appreciate your help. Thank you

Re: lang.hitch scope is null error while building widgets

RobertScheitlin__GISP — Fri, 01 Mar 2019 13:50:33 GMT

Rohit,

Sorry I only provide help online here and do not exchange emails. You can attach your widget to a reply when using the advanced editor.

Re: lang.hitch scope is null error while building widgets

Rohit_Venkat_GandhiMendadhala2 — Fri, 01 Mar 2019 20:26:51 GMT

Here is the attached folder.

Please check

Re: lang.hitch scope is null error while building widgets

RobertScheitlin__GISP — Fri, 01 Mar 2019 21:10:16 GMT

Rohit,

Wow this widget is an absolute mess. Did you just copy some JS sample html source into the Widget.html and think that it would work? Your Widget.html has many divs that have ids and widgetids this is not normal for a WAB widget. You have many data-dojo-attach-events specified in the html that do not exist in the Widget.js.

Re: lang.hitch scope is null error while building widgets

Rohit_Venkat_GandhiMendadhala2 — Fri, 01 Mar 2019 21:15:38 GMT

Robert, Yes I am trying to see how this widget works for the web applications. Have used chrome console for that.

I do not intend to copy but would like to replicate something similar to that for one of my projects. Hence I am trying on that.

Re: lang.hitch scope is null error while building widgets

RobertScheitlin__GISP — Fri, 01 Mar 2019 21:22:44 GMT

Rohit,

Well you can get your widget to at least load if you add all the data-dojo-attach-events to your widget.js and make sure to add a name property to your widget.js as well.