openlayer5调用geoserver发布的地图，地图不显示

记录一下openlayer5我遇到的一个坑：
首先大家如果 import Map from 'ol/Map.js';这种用不了的话可以像以前一样var map = new ol.Map
还是带上ol.这些
好了，切入正题：
之前我按照官方文档中的代码调用自己发布的地图发现不显示，之后更改了调用方式，代码如下：

var wmsSource = new ol.source.TileWMS({
          url: 'http://localhost:9999/geoserver/wms',//这里端口号看自己的，我的是9999
          params: {
              'LAYERS': '。。。', //这里是你的地图的地址那里layers=...
              'TILED': true
          },
          serverType: 'geoserver',
          projection: 'EPSG:4326'
        });
      var wmsLayer = new ol.layer.Tile({
        source: wmsSource
      });

      var view = new ol.View({
        center: [102.43652, 30.76172],
        zoom: 5,
        projection : "EPSG:4326"
      });

      var map = new ol.Map({
        layers: [wmsLayer],
        target: 'map',
        view: view
      });

ok，地图显示了。