topic Re: WebApp builder (basically everything) crashed. Please help! in ArcGIS Web AppBuilder Questions

WebApp builder (basically everything) crashed. Please help!

TaN — Wed, 08 Jul 2015 18:17:42 GMT

I was trying to create a custom in-panel widget using the online tutorial (Create a custom in-panel widget—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers). I didn't succeed with Step 8. But I went ahead, skipped to step 10, and deployed my widget. I got an error that said: "create widget error: widgets/MyWidget/Widget". I tried tweaking stuff around in Widget.js and Widget.html files. And nothing worked. When I tried to reload my WebApp builder page, I kept getting this crash page:

I also get this same message when I try to load my web app viewer (demo json) page

MyWidget seemed to work pretty well a few hours ago (it showed up as a widget in my WebApp Builder before everything crashed)

Here are My Widget files, please help!!!!!!!

Re: WebApp builder (basically everything) crashed. Please help!

TaN — Wed, 08 Jul 2015 18:33:40 GMT

I was able to recover the WebApp builder, but the web app viewer still doesn't display my config-demo.json file. The page is blue for two seconds, as if it is loading, and then it turns completely white. Is there an error in MyWidget files?

Thank you for any help!!

Re: WebApp builder (basically everything) crashed. Please help!

RobertScheitlin__GISP — Wed, 08 Jul 2015 18:43:43 GMT

Ta N,

So the first issue I found was that your widgets manifest.json file was missing the last closing "}" (strange, it looks like you have sublime as your IDE, not sure why it did not catch this).

Also based on your screenshots you may not be using the correct url. Here is how my url would look for step 8.

"http://gislap183:3344/webappviewer/?config=sample-configs/config-demo.json"

Re: WebApp builder (basically everything) crashed. Please help!

TaN — Wed, 08 Jul 2015 19:31:39 GMT

Hi Robert!

Thank you so much! Adding in the missing } did the trick, as did checking the URL. I'm coming up with that same create widget error, and I've read some past question chains regarding this error (which were also answered by you!) So I tried fixing my properties in manifest.json but I'm still getting this error. Any ideas?

Thank you again!

Re: WebApp builder (basically everything) crashed. Please help!

RobertScheitlin__GISP — Wed, 08 Jul 2015 20:23:29 GMT

Ta N,

Strange I made those corrections using your files you provided and the widget load in WAB just fine.

Here is your files with the corrections.

Re: WebApp builder (basically everything) crashed. Please help!

TaN — Thu, 09 Jul 2015 02:55:04 GMT

Hi Robert,

I downloaded your zip file, but I'm still getting the same error message when I un-comment the startup function in Widget.js and un-comment the <div data-dojo-attach-point="mapIdNode"></div> in Widget.html.

How can I get the startup function to work, so that I can display the map id?

Sorry for the hassle!

Re: WebApp builder (basically everything) crashed. Please help!

RobertScheitlin__GISP — Fri, 10 Dec 2021 22:43:58 GMT

TA,

The thing that you have to pay attention to is that the contents of the js file are overall a big object and all things need to be seperated by a comma (this is easier to show than explain). See my comments in the code about commas.

define(['dojo/_base/declare', 'jimu/BaseWidget'],
function(declare, BaseWidget) {
  //To create a widget, you need to derive from BaseWidget.
  return declare([BaseWidget], {
    // Custom widget code goes here 
    
    baseClass: 'jimu-widget-mywidget', //<-- I added a comma here
    
    //this property is set by the framework when widget is loaded.
     //name: 'CustomWidget',


//methods to communication with app container:

    // postCreate: function() {
    //   this.inherited(arguments);
    //   console.log('postCreate');
    // },
    startup: function(){
      this.inherited(arguments);
      this.mapIdNode.innerHTML = 'map id:' + this.map.id;
    }//<-- if you uncomment the next function after this one then you will have to add a comma here

Re: WebApp builder (basically everything) crashed. Please help!

TaN — Thu, 09 Jul 2015 14:58:10 GMT

Hi Robert,

I know commas are required, but even when I uncomment all the functions (with commas after each function except for the last one), I still get the same error message. Initially, I chose to have the startup function stand alone (be the only un-commented function) so that's why it lacks a comma.

Does this error have anything to do with restarting Node? How do I restart Node?

Thank you!

Re: WebApp builder (basically everything) crashed. Please help!

RobertScheitlin__GISP — Thu, 09 Jul 2015 15:09:56 GMT

TA,

What about the comma after "baseClass" do you have that one?

Re: WebApp builder (basically everything) crashed. Please help!

TaN — Thu, 09 Jul 2015 18:03:39 GMT

Wow, thank you! The comma after baseClass did the trick. I didn't think to add a comma when "baseClass" stands alone (is it referred to as an "object"?).

The web app viewer works, but the web app builder is still giving me the error. Is this another syntax thing?

Additionally, since I am trying to create a custom app and I have limited JS experience, should I start by learning Javascript or should I focus on Dojo? The developers site is pointing me to Dojo (Create a Re-usable Widget | Guide | ArcGIS API for JavaScript ) and it says I can create a widget with little to no Javascript.

Thank you, Robert, for your generous help thus far.

Re: WebApp builder (basically everything) crashed. Please help!

RobertScheitlin__GISP — Thu, 09 Jul 2015 18:12:12 GMT

TA,

The JS API use Dojo as its main library so learning JS API teaches you dojo and AMD programming patterns. The link in your post is not something I would spend time on if you do not plan to build JS API widgets (those are different from WAB Widget, in many ways). I would recommend finding a good JS IDE and getting a good linter for that IDE. I use Brackets with the interactive linter plug-in. the interactive linter shows me little mistakes like the missing commas and semicolons.

Re: WebApp builder (basically everything) crashed. Please help!

TaN — Thu, 09 Jul 2015 19:42:05 GMT

Hi Robert,

Ultimately, I want to create a web app that will let teachers type in their school name, select a certain radius

(ie 0.5 miles) and generate a buffer or some way to indicate nearby outdoor locations that teachers can take their kids. The map would zoom on the school and those locations (with pop-ups) would be highlighted in some way.

I wanted to build a widget right into WAB to serve this purpose. I just found your Enhanced Search widget (this one: ArcGIS Web Application ) and I think something like this would work really well for my project. How can I start learning to build a widget similar to the one you made? What language(s)/ API & programming experience should I start learning?

Thank you for clarifying my questions! I just installed Brackets and used the extension manager to install the interactive Linter (MIguel Castillo).

Re: WebApp builder (basically everything) crashed. Please help!

RobertScheitlin__GISP — Thu, 09 Jul 2015 19:57:28 GMT

TA,

If you are wanting to use WAB and NOT build a custom JS API app from scratch then definitely stick with building a WAB Widget.

What you need to learn to build a WAB widget is the same as leaning dojo and the JS API.

The JS API is built using Dojo and the WAB is built using the JS API and thus also Dojo.

The advantage of building a WAB widget is that there is a framework for your widgets UI and the main app already built for you, where as JS API you would start from scratch and build you app and widget from the ground up. The advantage of using the JS API custom app is you build your app to only do what you want it to do, where as WAB is a large configurable app that has alot of stuff already built in that you may not need and requires you to use a webmap from AGOL.

Re: WebApp builder (basically everything) crashed. Please help!

TaN — Thu, 09 Jul 2015 20:58:35 GMT

Hi Robert,

I just saw your reply after I edited my question. Thank you for your prompt response! I will start familiarizing myself with dojo and the JS API. I also took the liberty of downloading your eSearch.zip (ArcGIS Web Application thank you for uploading it!) Your eSearch widget is amazing!!!! I'd like to be able to make something similar to it, but it'll probably takes ages for me to learn.

Re: WebApp builder (basically everything) crashed. Please help!

TaN — Wed, 15 Jul 2015 19:50:16 GMT

Hi Robert!

I'm starting to learn Dojo using the online documentation. I downloaded Apache using XAMPP for Windows. How do I create a directory in my web server? (as per instructions found at the beginning of this tutorial: Hello, World! — The Dojo Toolkit - Reference Guide)

Thank you for your help!