this pluggin is not loading 'street' tile. works perfectly in 'lights_all ' tile

[yasermarakkar]

`

<title>Leaflet.Control.FullScreen Demo</title> <style type="text/css"> #map { width: 700px; height: 433px; } .fullscreen-icon { background-image: url(icon-fullscreen.png); } /* one selector per rule as explained here : http://www.sitepoint.com/html5-full-screen-api/ */ #map:-webkit-full-screen { width: 100% !important; height: 100% !important; z-index: 99999; } #map:-ms-fullscreen { width: 100% !important; height: 100% !important; z-index: 99999; } #map:full-screen { width: 100% !important; height: 100% !important; z-index: 99999; } #map:fullscreen { width: 100% !important; height: 100% !important; z-index: 99999; } .leaflet-pseudo-fullscreen { position: fixed !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; z-index: 99999; } </style> <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"></script> <script src='https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/Leaflet.fullscreen.min.js'></script>

<div id="map"></div>

<script>
	var base = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
		maxZoom: 19,
		subdomains: 'abcd',
		attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> &copy; <a href="http://cartodb.com/attributions">CartoDB</a>'
	});
	
	var map = new L.Map('map', {
		layers: [base],
		center: new L.LatLng(48.5, -4.5),
		zoom: 5,
		fullscreenControl: true,
		fullscreenControlOptions: { // optional
			title:"Show me the fullscreen !",
			titleCancel:"Exit fullscreen mode"
		}
	});

	// detect fullscreen toggling
	map.on('enterFullscreen', function(){
		if(window.console) window.console.log('enterFullscreen');
	});
	map.on('exitFullscreen', function(){
		if(window.console) window.console.log('exitFullscreen');
	});
</script>

`

please help me. Im in the middle of something...
IT WORKS PERFECTLY WITH THE BELOW TILE.