nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

VS code Intellisense with JS - ArcGIS API (not TS)

Ravichandran_M_Kaushika

dear readers,

using NPM install etc and using Mr. Rene's video, I was able to get Intellisense of ArcGIS API to work in VS Code 1.21.x. It was very useful.

Now is getting the same EXPERIENCE with JS not possible? are there any links I could look at?

thanks to all. Special thanks to Mr. Rene for taking the time to do you tube videos.

regards

ravi.

Encuentra más publicaciones etiquetadas con

Accepted answers

ReneRubalcava

You can install the typings for the JSAPI and if you write your code with ES6 imports using babel to transform your code, you can get intellisense in your code.

I have a couple of videos on this.

This ones a little long, but info is there: TypeScript Typings for JavaScript - YouTube

This one talks about using babel for to transpile: Set up Babel for your ArcGIS API for JavaScript Project - YouTube

Hope that helps.

All comments

VovaZhdanov

Rene,

The second way of importing worked, if you import each method separately it works! Thank you for the tip!

VovaZhdanov

This is what I am doing: first I import the module

import watchUtils from "esri/core/watchUtils";

Then I use it in the code

/* Check for map extent change */

watchUtils.whenFalse(view, 'stationary', function (evt) {

if (!view.stationary) {

watchUtils.whenTrueOnce(view, 'stationary', function (evt) {

if (view.extent) {

if (lf.getInteriorReferenceLayerMinScale()) {

if (lf.interiorReferenceLayerMinScale >= view.scale) {

floorButton.displayFloorButtons(view.extent, dom);

}

else {

floorButton.hideFloorButtons(dom);

}

});

} else {

watchUtils.whenFalseOnce(view, 'interacting', function (evt) {

console.log(view.extent);

});

}

})

and in the console I get:

dojo.js:19 Uncaught TypeError: Cannot read property 'whenFalse' of undefined

ReneRubalcava

If I remember right, watchUtils is a module where you need to import * as watchUtils from "esri/core/watchUtils"

Of you could import the individual exports, import { whenFalseOnce } from "esri/core/watchUtils"

That should work with the typings.

VovaZhdanov

Rene,

I followed your videos and I was able to get it work, but when I am using intellisense it doesn't compile "watchUtils" it comes out always undefined. It works with everything else but not the Utils. If I go to the compiled file and just erase *2.default it works. Is there a specific way to use it? I really don't want to go back and write code without the intellisense, I would appreciate your help.

Thank you.

Ravichandran_M_Kaushika

Rene,

good afternoon. thanks a lot for the awesome videos. it helped me a quite a bit.

regards

ravi.

ReneRubalcava

You can install the typings for the JSAPI and if you write your code with ES6 imports using babel to transform your code, you can get intellisense in your code.

I have a couple of videos on this.

This ones a little long, but info is there: TypeScript Typings for JavaScript - YouTube

This one talks about using babel for to transpile: Set up Babel for your ArcGIS API for JavaScript Project - YouTube

Hope that helps.

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.