<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Erros Occurred While Loading Widgets in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/erros-occurred-while-loading-widgets/m-p/1024673#M71695</link>
    <description>&lt;P&gt;- React App w/ TS&lt;BR /&gt;- Using 4.18.1 API via ESM (ES Modules)&lt;BR /&gt;&lt;BR /&gt;After using `npm start` everything works normal and the map shows up. However, following a refresh, esri throws a ton of errors into the console saying mostly:&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;intl:message-bundle-error&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;BR /&gt;It almost seems like some elements cannot be loaded upon a refresh and I am unsure why.&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;[esri.widgets.Widget] widget-intl:locale-error esri.widgets.Attribution s {name: "intl:message-bundle-error", details: {…}, message: "Errors occurred while loading "esri/widgets/Attribution/t9n/Attribution""}&lt;/LI-CODE&gt;&lt;LI-CODE lang="markup"&gt;[esri.widgets.Widget] widget-intl:locale-error esri.widgets.Zoom s {name: "intl:message-bundle-error", details: {…}, message: "Errors occurred while loading "esri/widgets/Zoom/t9n/Zoom""}&lt;/LI-CODE&gt;&lt;P&gt;There are a few others, but I wont keep posting the same error.&lt;BR /&gt;&lt;BR /&gt;Code&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;const Map = (props: any) =&amp;gt; {
  const classes = useStyles();
  const mapDiv = useRef(null);

  useEffect(() =&amp;gt; {
    if (mapDiv.current) {
      const geoJSONLayer = new GeoJSONLayer({
        url: process.env.PUBLIC_URL + "/example.json",
        outFields: ["*"]
      });

      const map = new ArcGISMap({
        basemap: "topo",
        ground: "world-elevation",
        layers: [geoJSONLayer]
      });

      const view: any = new SceneView({
        container: mapDiv.current!,
        map: map,
        camera: {
          position: {
            x: -117.2894323197821, //Longitude
            y: 33.1323345199911, //Latitude
            z: 3000 //Meters
          },
          tilt: 0
        }
      });

      view.when(function () {
        // allow navigation above and below the ground
        map.ground.navigationConstraint = {
          type: "none"
        };
        // to see through the ground, set the ground opacity to 0.4
        // map.ground.opacity = 0.4;
      });
    }
  }, []);

  return (
    &amp;lt;&amp;gt;
      &amp;lt;div className={classes.mapImage} ref={mapDiv}&amp;gt;
      &amp;lt;/div&amp;gt;
    &amp;lt;/&amp;gt;
  );
}&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Mon, 08 Feb 2021 22:50:09 GMT</pubDate>
    <dc:creator>developerarce</dc:creator>
    <dc:date>2021-02-08T22:50:09Z</dc:date>
    <item>
      <title>Erros Occurred While Loading Widgets</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/erros-occurred-while-loading-widgets/m-p/1024673#M71695</link>
      <description>&lt;P&gt;- React App w/ TS&lt;BR /&gt;- Using 4.18.1 API via ESM (ES Modules)&lt;BR /&gt;&lt;BR /&gt;After using `npm start` everything works normal and the map shows up. However, following a refresh, esri throws a ton of errors into the console saying mostly:&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;intl:message-bundle-error&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;BR /&gt;It almost seems like some elements cannot be loaded upon a refresh and I am unsure why.&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;[esri.widgets.Widget] widget-intl:locale-error esri.widgets.Attribution s {name: "intl:message-bundle-error", details: {…}, message: "Errors occurred while loading "esri/widgets/Attribution/t9n/Attribution""}&lt;/LI-CODE&gt;&lt;LI-CODE lang="markup"&gt;[esri.widgets.Widget] widget-intl:locale-error esri.widgets.Zoom s {name: "intl:message-bundle-error", details: {…}, message: "Errors occurred while loading "esri/widgets/Zoom/t9n/Zoom""}&lt;/LI-CODE&gt;&lt;P&gt;There are a few others, but I wont keep posting the same error.&lt;BR /&gt;&lt;BR /&gt;Code&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;const Map = (props: any) =&amp;gt; {
  const classes = useStyles();
  const mapDiv = useRef(null);

  useEffect(() =&amp;gt; {
    if (mapDiv.current) {
      const geoJSONLayer = new GeoJSONLayer({
        url: process.env.PUBLIC_URL + "/example.json",
        outFields: ["*"]
      });

      const map = new ArcGISMap({
        basemap: "topo",
        ground: "world-elevation",
        layers: [geoJSONLayer]
      });

      const view: any = new SceneView({
        container: mapDiv.current!,
        map: map,
        camera: {
          position: {
            x: -117.2894323197821, //Longitude
            y: 33.1323345199911, //Latitude
            z: 3000 //Meters
          },
          tilt: 0
        }
      });

      view.when(function () {
        // allow navigation above and below the ground
        map.ground.navigationConstraint = {
          type: "none"
        };
        // to see through the ground, set the ground opacity to 0.4
        // map.ground.opacity = 0.4;
      });
    }
  }, []);

  return (
    &amp;lt;&amp;gt;
      &amp;lt;div className={classes.mapImage} ref={mapDiv}&amp;gt;
      &amp;lt;/div&amp;gt;
    &amp;lt;/&amp;gt;
  );
}&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Mon, 08 Feb 2021 22:50:09 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/erros-occurred-while-loading-widgets/m-p/1024673#M71695</guid>
      <dc:creator>developerarce</dc:creator>
      <dc:date>2021-02-08T22:50:09Z</dc:date>
    </item>
    <item>
      <title>Re: Erros Occurred While Loading Widgets</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/erros-occurred-while-loading-widgets/m-p/1024690#M71696</link>
      <description>&lt;P&gt;Try checking these two items:&lt;/P&gt;&lt;P&gt;- Make sure to copy the assets folder as described here: &lt;A href="https://github.com/Esri/jsapi-resources/tree/master/esm-samples/jsapi-create-react-app" target="_blank"&gt;https://github.com/Esri/jsapi-resources/tree/master/esm-samples/jsapi-create-react-app&lt;/A&gt;&lt;/P&gt;&lt;P&gt;- Also, make sure to set config.assetsPath: &lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#assetsPath" target="_blank"&gt;https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html#assetsPath&lt;/A&gt;. I know you are using React, but here's an &lt;A href="https://github.com/Esri/jsapi-resources/blob/master/esm-samples/jsapi-angular-cli/src/app/app.component.ts#L78" target="_self"&gt;Angular example&lt;/A&gt;.&lt;/P&gt;</description>
      <pubDate>Mon, 08 Feb 2021 23:45:12 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/erros-occurred-while-loading-widgets/m-p/1024690#M71696</guid>
      <dc:creator>AndyGup</dc:creator>
      <dc:date>2021-02-08T23:45:12Z</dc:date>
    </item>
    <item>
      <title>Re: Erros Occurred While Loading Widgets</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/erros-occurred-while-loading-widgets/m-p/1024692#M71697</link>
      <description>&lt;LI-CODE lang="javascript"&gt;"copy": "ncp ./node_modules/@arcgis/core/assets ./public/assets",
"postinstall": "npm run copy"&lt;/LI-CODE&gt;&lt;P&gt;I do already have this, so that is good.&lt;BR /&gt;&lt;BR /&gt;--------------------&lt;BR /&gt;Wow, I did not have that config set for `assetsPath`. The issue is it defaults to `./assets` rather than `/assets`. I cannot believe that fixed the issue. Thanks a lot Andy, SUPER HELPFUL!&lt;/P&gt;</description>
      <pubDate>Tue, 09 Feb 2021 00:00:45 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/erros-occurred-while-loading-widgets/m-p/1024692#M71697</guid>
      <dc:creator>developerarce</dc:creator>
      <dc:date>2021-02-09T00:00:45Z</dc:date>
    </item>
    <item>
      <title>Re: Erros Occurred While Loading Widgets</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/erros-occurred-while-loading-widgets/m-p/1526914#M85490</link>
      <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.esri.com/t5/user/viewprofilepage/user-id/180"&gt;@AndyGup&lt;/a&gt;&amp;nbsp;, I am trying to use the map and sketch widget offline, and am getting the same errors posted in this question. Do you know if it's possible for the SketchWidget and widgets to work offline? (without creating offline maps with ArcGIS online).&lt;BR /&gt;&lt;BR /&gt;Also, this link you posted is no longer valid&lt;BR /&gt;&lt;A href="https://github.com/Esri/jsapi-resources/tree/master/esm-samples/jsapi-create-react-app" target="_blank" rel="nofollow noopener noreferrer"&gt;https://github.com/Esri/jsapi-resources/tree/master/esm-samples/jsapi-create-react-app&lt;/A&gt;&lt;BR /&gt;&lt;BR /&gt;Is there another source that describes what needs to be done?&lt;BR /&gt;&lt;BR /&gt;Thanks so much for the help!&lt;/P&gt;</description>
      <pubDate>Mon, 26 Aug 2024 05:30:48 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/erros-occurred-while-loading-widgets/m-p/1526914#M85490</guid>
      <dc:creator>Sparkles</dc:creator>
      <dc:date>2024-08-26T05:30:48Z</dc:date>
    </item>
  </channel>
</rss>

