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

3530
14
Jump to solution
06-07-2015 09:38 AM
AndrewWallick2
New Contributor III

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:

Define the widget template

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?

0 Kudos
1 Solution

Accepted Solutions
AndrewWallick2
New Contributor III

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!

View solution in original post

14 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

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.

AndrewWallick2
New Contributor III

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?

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

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?

AndrewWallick2
New Contributor III

Yes I do, here's a screenshot:

2015-06-08 07_00_27-sample-configs.png

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

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?

AndrewWallick2
New Contributor III

oh good idea! Yes there is this error:

TypeError: e.manifest is undefined

e.version = e.manifest.version;
0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

Andrew,

   So can you show me the contents of your:

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

0 Kudos
AndrewWallick2
New Contributor III

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 )

StanMcShinsky
Regular Contributor

Andrew,

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

-Stan

0 Kudos