Popup Template not working on feature layer

Rmoser3

Hello, 

I'm upgrading a web app from 3.18 to 4.24. I'm trying to get the popup template for a feature layer to work and I'm running into an issue. Here's some of my code:

this.map = newMap({
    basemap: {
        baseLayers: []
    },
});

var highlight = {
    color: new DojoColor([255, 255, 0, 0]),
    haloColor: new DojoColor([255, 0, 0]),
};

this.mapView = new MapView({
    container: containerName,
    map: this.map,
    extent: new GeometryExtent({
        xmin: -10006366.616730398,
        ymin: 3439317.824438894, 
        xmax: -9309260.918769779, 
        ymax: 4215918.031816076, 
        spatialReference: new SpatialReference({ wkid: 102100 })
    }),
    highlightOptions: highlight,
    popup: {
        dockEnabled: true,
        dockOptions: {
            buttonEnabled: false,
            breakpoint: false
        }
    }
});

var featureLayer = new FeatureLayer(layerUri,
{
    id: layerListItem.layerId,
    outFields: ['*'],
    opacity: 0.6,
    visible: true,
    spatialReference: new SpatialReference({ wkid: 102100 }),
    popupTemplate: {
        title: "Test"
    }
});

this.map.layers.add(featureLayer);

The feature layer is visible on the map after adding it and I'm even able to highlight the features within by clicking on them. However, the popup does not appear under any circumstance. Anyone have any ideas?

ReneRubalcava

This snippet looks like you are mixing some 3x code with 4x code. For example, there is no Dojo in 4x, so you don't need to use Dojo color modules. Layers are not initialized with url string and params, it's a single constructor object. You don't provide the id, the layer will handle that.

Here is a popup sample that might help. I think it has more to do with how you create the FeatureLayer

https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#constructors-summary

https://developers.arcgis.com/javascript/latest/sample-code/intro-popuptemplate/