topic Re: "Define the template" step in widget development not displaying in browser in ArcGIS Web AppBuilder Questions

"Define the template" step in widget development not displaying in browser

AndrewWallick2 — Sun, 07 Jun 2015 16:38:49 GMT

I'm trying to go through the steps in Widget Development in the Web AppBuilder for ArcGIS (Developer Edition), and in the "Define the template" step (Define the template—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers ), I can't get the last part to show up.

It says:

Start the app through http://[your host]/webappviewer/?config=sample-configs/config-demo.json, and click the icon. The widget appears like the following:

When I do this, however, nothing shows up. The blue loading screen comes on, but once it loads it's just blank. I have followed all the steps to the letter, so I don't think it's that I'm missing any of the files. I am typing in "http://glados:3344/webappviewer/?config=sample-configs/config-demo.json " for the link (my computer name is glados). When I use Web AppBuilder, it runs from the link: http://glados:3344/webappbuilder/ .

Has anyone else had this problem, or have any idea what could be going wrong?

Re: "Define the template" step in widget development not displaying in browser

RobertScheitlin__GISP — Mon, 08 Jun 2015 01:19:12 GMT

Andrew,

I have seen this issue before. Here is something t try.

Use the base url for the viewer app first (i.e. "http://gislap183:3344/webappviewer/") and make sure you can bring up just the webappviewer. When the view app successfully appears then try the full url. Hope this helps.

Re: "Define the template" step in widget development not displaying in browser

AndrewWallick2 — Mon, 08 Jun 2015 03:32:42 GMT

Thank you for your reply, Robert.

I just tried it, and the basic viewer did work, but the full link still did not. Any idea what it might be in that case?

Re: "Define the template" step in widget development not displaying in browser

RobertScheitlin__GISP — Mon, 08 Jun 2015 12:07:09 GMT

Andrew,

Do you have a C:\[install dir]\client\stemapp\sample-configs folder on your machine and does it have a config-demo.json file in it?

Re: "Define the template" step in widget development not displaying in browser

AndrewWallick2 — Mon, 08 Jun 2015 14:02:00 GMT

Yes I do, here's a screenshot:

Re: "Define the template" step in widget development not displaying in browser

RobertScheitlin__GISP — Mon, 08 Jun 2015 14:20:53 GMT

Andrew,

Strange... I have no issue bring up the page using : "http://gislap183:3344/webappviewer/?config=sample-configs/config-demo.json". Can you check your browser web console to see if there are any error when you attempt to bring your url up in a browser?

Re: "Define the template" step in widget development not displaying in browser

AndrewWallick2 — Mon, 08 Jun 2015 14:41:26 GMT

oh good idea! Yes there is this error:

TypeError: e.manifest is undefined

e.version = e.manifest.version;

Re: "Define the template" step in widget development not displaying in browser

RobertScheitlin__GISP — Mon, 08 Jun 2015 14:55:14 GMT

Andrew,

So can you show me the contents of your:

C:\[install dir]\client\stemapp\widgets\samplewidgets\Demo\manifest.json

Re: "Define the template" step in widget development not displaying in browser

StanMcShinsky — Mon, 08 Jun 2015 14:55:57 GMT

Andrew,

Also, do you get any errors in your node.js console?

-Stan

Re: "Define the template" step in widget development not displaying in browser

AndrewWallick2 — Mon, 08 Jun 2015 15:07:20 GMT

Here it is:

{

"name": "Demo",

"platform": "HTML",

"version": "1.2",

"wabVersion": "1.2",

"author": "Esri R&D Center Beijing",

"description": "This is the widget used in developer guide",

"copyright": "",

"license": "http://www.apache.org/licenses/LICENSE-2.0"

}

I will note, however, that I made a "demo2" widget to start with these instructions from scratch, and it doesn't have a manifest.json file, because it wasn't listed under the "Required Files" step (Required files—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers )

Re: "Define the template" step in widget development not displaying in browser

AndrewWallick2 — Mon, 08 Jun 2015 15:08:51 GMT

Stan,

I'm not sure how to access the node.js console. When I look at the console in firebug, it only shows the e.manifest error.

Re: "Define the template" step in widget development not displaying in browser

StanMcShinsky — Mon, 08 Jun 2015 15:16:00 GMT

The node.js console is the black box you have open in the background to run the developers edition like this:

Re: "Define the template" step in widget development not displaying in browser

AndrewWallick2 — Mon, 08 Jun 2015 15:28:44 GMT

oh okay. No I don't see any errors.

Re: "Define the template" step in widget development not displaying in browser

AndrewWallick2 — Mon, 08 Jun 2015 15:31:53 GMT

Okay I got it to work now! The problem was a missing manifest.json file. Once I copied the manifest.json file from C:\[install dir]\client\stemapp\widgets\samplewidgets\Demo\manifest.json into my new "demo2" folder (in "samplewidgets"), the web appViewer worked.

Thank you everyone for all your help!

Re: "Define the template" step in widget development not displaying in browser

RobertScheitlin__GISP — Mon, 08 Jun 2015 17:37:14 GMT

Andrew,

Glad to help. Now it is your turn to help the community by marking this question as answered. All you have to do is click the "Correct Answer" link (the one with the little green star) on the post that provided the answer for you. If the answer was not provided by one of the responders then you can mark any of the replies that you received as helpful by clicking on the "Actions" menu and choosing "Mark as Helpful"