Latest Contributions by JaredPilbeam2

Currently I'm running Node.js v. 18.18.2 as suggested in this post with ExB v. 1.13. The command npm ci runs without error in the server directory. It errors in the client directory. I've already tried with the latest Node.js v. 20.1.0. No difference.   C:\WINDOWS\system32>cd C:\ArcGISExperienceBuilder\client C:\ArcGISExperienceBuilder\client>npm ci npm ERR! code EUSAGE npm ERR! npm ERR! The `npm ci` command can only install with an existing package-lock.json or npm ERR! npm-shrinkwrap.json with lockfileVersion >= 1. Run an install with npm@5 or npm ERR! later to generate a package-lock.json file, then try again. npm ERR! npm ERR! Clean install a project npm ERR! npm ERR! Usage: npm ERR! npm ci npm ERR! npm ERR! Options: npm ERR! [--install-strategy <hoisted|nested|shallow|linked>] [--legacy-bundling] npm ERR! [--global-style] [--omit <dev|optional|peer> [--omit <dev|optional|peer> ...]] npm ERR! [--strict-peer-deps] [--foreground-scripts] [--ignore-scripts] [--no-audit] npm ERR! [--no-bin-links] [--no-fund] [--dry-run] npm ERR! [-w|--workspace <workspace-name> [-w|--workspace <workspace-name> ...]] npm ERR! [-ws|--workspaces] [--include-workspace-root] [--install-links] npm ERR! npm ERR! aliases: clean-install, ic, install-clean, isntall-clean npm ERR! npm ERR! Run "npm help ci" for more info   It was suggested in my earlier post  to run these commands, but they make no difference. //Turns off ssl npm set strict-ssl false //Installs node packages npm ci //Turns ssl back on for future protection npm set strict-ssl true   During this attempted installation of Node.js I checked the Chocolatey box when installing as suggested by an ESRI tech over the phone. I guess I can uninstall then reinstall leaving that unchecked. The guide pretty much leaves you hanging here. ... View more

I'm following the guide for the ArcGIS Experience Builder Server install. According to this I can use any of the following Node.js versions. For Windows, I've tried v. 16 and the latest v. 20.10. 0. For Experience Builder 1.12 and newer, we support Node.js of version 16,18,19,20, but not Node 17. Where I'm running into problems is in step 9 of hte guide. Each time I try different combinations of Experience Builder download with a version of Node.js I get this error in the (Administrator) command prompt:   C:\Users\jpilbeam>cd C:\ArcGISExperienceBuilder\server C:\ArcGISExperienceBuilder\server>npm ci npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. npm ERR! code SELF_SIGNED_CERT_IN_CHAIN npm ERR! errno SELF_SIGNED_CERT_IN_CHAIN npm ERR! request to https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz failed, reason: self signed certificate in certificate chain npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\jpilbeam\AppData\Local\npm-cache\_logs\2023-12-08T21_40_00_057Z-debug-0.log   Don't see much documentation on it. According to the key I can trust the cert, which I did. Even still I get the same error. Experience Builder uses a self-signed certificate in Node.js to support HTTPS. You can run Experience Builder using this certificate by trusting it, or you can use your own certificate. To change the default certificate with your own, replace these two files in the server/cert directory: server.key and server.cert.   ... View more

I updated my app to v. 4.27 from 4.24 and now I'm getting this warning. I changed the property from ImageryLayer to rasterFunction, however that caused the imagery not to draw. Any help appreciated.   EDIT: The app I'm  working with uses webmaps. In the webmaps are map services. Here is the script:     <script> require(["esri/Map", "esri/views/MapView", "esri/widgets/Search", "esri/widgets/Locate", "esri/widgets/LayerList", "esri/layers/ImageryLayer", "esri/widgets/Legend", "esri/widgets/Expand", "esri/widgets/Swipe", "esri/WebMap", "esri/layers/support/RasterFunction", ], (Map, MapView, Search, Locate, LayerList, ImageryLayer, Legend, Expand, Swipe, WebMap, RasterFunction) => { //webmap IDs const webmapids = [ "e67a8eb6768641c19d4a7c5df394dbf4", //DTM "bfc5b0242adb42bfb0fc41e54497dfc8", //DSM "6ed3d2e495db4e859a73d2a32ce3d576", //HEDEM "d653b18bc941458491e06e657e10f393", //Intensity "a9ab25b1c7204764b2fabad6fc7a4635", //IR "e6bab92ebc524072a3305ec8f128e8f8", //Soil "2f9acebfb8db4e10bb6dddab8d3239c7", //ClosedDepressions ]; const webmaps = webmapids.map((webmapid) => { return new WebMap({ portalItem: { // autocasts as new PortalItem() id: webmapid, } }); }); console.log("map constructor created") // add image services used in the swipe map const imagery2021 = new ImageryLayer({ url: "https://gis.willcountyillinois.com/image/rest/services/Orthoimagery/Orthos_2021_6IN/ImageServer", rasterFunction: [], // title: "2021 Orthoimagery 6in", }); // webmaps[0].add(imagery2021); /************************************************************ * Initialize the View with the first WebMap ************************************************************/ const view = new MapView({ map: webmaps[0], container: "viewDiv" }); //use promise function.when to add the imagery layer after the webmap group layer, hence, rendering it over the group layers view.when(function () { webmaps[0].add(imagery2021); }); // create a new Swipe widget const swipe = new Swipe({ leadingLayers: [imagery2021], // trailingLayers: [imagery2021], position: 35, // set position of widget to 35% dragLabel: "drag left or right", view: view }); // add the widget to the view view.ui.add(swipe); /************************************************************ * On a button click, change the map of the View ************************************************************/ document.querySelector(".btns").addEventListener("click", (event) => { const id = event.target.getAttribute("data-id"); if (id) { const webmap = webmaps[id]; view.map = webmap; webmap.when(function () { webmap.add(imagery2021); }); const nodes = document.querySelectorAll(".btn-switch"); for (let idx = 0; idx < nodes.length; idx++) { const node = nodes[idx]; const mapIndex = node.getAttribute("data-id"); if (mapIndex === id) { node.classList.add("active-map"); } else { node.classList.remove("active-map"); } } } }); // group widgets on right so expand does not cover other widgets on that side let expand1 = new Expand({ expandTooltip: "info", view: view, content: document.getElementById("infoDiv"), expandIconClass: "esri-icon-question", group: "top-right" }); let expand2 = new Expand({ expandTooltip: "legend", view: view, content: new Legend({ view: view, style: "classic", // other styles include 'classic' }), expanded: false, group: "top-right" }); let expand3 = new Expand({ expandTooltip: "layer list", view: view, content: new LayerList({ view: view, }), group: "top-right", }); view.ui.add([expand1, expand2, expand3], "top-right"); //add search widget const searchWidget = new Search({ view: view, }); const searchWidgetExpand = new Expand({ content: searchWidget, expanded: false, }) //add search widget to the view view.ui.add(searchWidgetExpand, { position: "top-left" }); //locate widget const locateBtn = new Locate({ view: view }); //add locate widget to the view view.ui.add(locateBtn, { position: "top-left" }); }); </script>       ... View more

This works to remove it completely with v. 4.27. const view = new MapView({ container: "viewDiv", map: map, // Exclude the zoom widget from the default UI ui: { components: ["attribution"] } });   The sample code doesn't mention how to disable the zoom widget on mobile device only. Is that possible? It's not so practical and takes up too much room. ... View more