ArcGIS JS添加图层后，图层样式与实际样式不符怎么回事？

Question

var map = new Map({
        basemap: "topo-vector"
    });

    var view = new MapView({
        container: "viewDiv",
        map: map,
        center: [113.81, 31.65],
        zoom: 11
    });

    var trailheadsLayer = new FeatureLayer({
        url: "https://192.168.88.104:6443/arcgis/rest/services/test/MapServer/4
    });

    map.add(trailheadsLayer);

用如上代码添加了一个arcgis图层，实际图层长这样：

由边框和颜色组成的线条，但是当通过上述代码添加到图层中之后，就变成了这样：

中间的颜色没有了，全部变成了边框的颜色，不管是什么颜色，最后渲染出来的都是线条边框的颜色，请问下是怎么回事？