topic Re: Embedding ArcGIS JavaScript API maps in Election App in ArcGIS JavaScript Maps SDK Questions

Embedding ArcGIS JavaScript API maps in Election App

YogeshDhanapal1 — Mon, 22 Jun 2015 16:02:44 GMT

I am using electron(electron.atom.io) for building cross browser application but i am unable to embed arcgis javascript maps into it.

Error Message:

Uncaught Error: require.paths is removed. Use node_modules folders, or the NODE_PATH environment variable instead.

Uncaught AssertionError: path must be a string

I tried everything but i am unable to resolve this issue.

Can anyone confirm whether it is possible to fix this issue with my app? because i have successfully embedded google maps and other simple maps api.

Re: Embedding ArcGIS JavaScript API maps in Election App

DavidBlanchard — Tue, 23 Jun 2015 21:37:15 GMT

I've never worked with Electron, but given the error message I'm guessing that there is a conflict between Dojo's AMD loader and Electron's loader (the "require" part). Dojo has a global variable called "require" and it looks like Electron may also have one. If this is the case, one is overwriting the other, which is bad; Dojo is either attempting to use Electron's loader or vice-versa.

If you search the web for posts about working with Dojo and other frameworks (like Angular, Ember, or REACT) you'll see that there can be challenges with conflicting loaders. You may be able to derive a solution for your case from these.

Although I can't give you a solution for Electron, hopefully I've given you a starting point.

Re: Embedding ArcGIS JavaScript API maps in Election App

MikeGraham — Wed, 27 Jul 2016 10:52:12 GMT

I'm running into the same issue. I believe that Electron is based on NodeJS which is likely using the CommonJS loader (which is providing a conflicting require function.

Re: Embedding ArcGIS JavaScript API maps in Election App

ReneRubalcava — Sat, 11 Dec 2021 16:10:37 GMT

For Electron, you'll need to rename the node require.

So maybe in your index.html you would have this

    <script>
        var nodereq = window.require;
        var dojoConfig = {
            async: true
        };
    </script>

The in your app, you could do this.

var  configs = nodereq('./helper');
var ipc = nodereq('ipc');
require(["esri/Map"], function(Map) {/*stuff*/});

And the Electron portion of your app can work as normal waiting for ipc messages.

I've done some Electron stuff with the JSAPI in the past, maybe I should do a small post on it.

Hope that helps.

Re: Embedding ArcGIS JavaScript API maps in Election App

MikeGraham — Wed, 27 Jul 2016 17:50:05 GMT

I would love to see that post... i've done a bunch of ESRI & Aurelia work

see this:

cmichaelgraham.github.io/skel-nav-esri4-vs-ts/index-release.html#/esri-globe

i'm working on a sample that combines Aurelia and ESRI on Electron or PhoneGap

Re: Embedding ArcGIS JavaScript API maps in Election App

Willemvan_der_Gugten — Wed, 04 Nov 2020 15:33:49 GMT

The Electron FAQ has clear information, more or less the solution as shown by Rene: Electron FAQ | Electron :

<head>
<script>
window.nodeRequire = require;
delete window.require;
delete window.exports;
delete window.module;
</script>
<script type="text/javascript" src="jquery.js"></script>
</head>