В настоящее время у меня возникают проблемы с html-файлом, работающим на веб-серверах, поскольку все остальные файлы отображаются на веб-сервере правильно, за исключением самой html-карты.
Я убедился, чтоВеб-сервер, который я использую (Fenix), может запускать другие html-файлы, и может. Однако, когда я добавляю свой index.html (мою карту), весь веб-сервер отображает белый экран. Я приложил скриншоты ниже, показывая проблему вместе с моим кодом index.html, любая помощь очень ценится!
Без index.html 
С индексом.html 
index.html code:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Map Skeleton</title>
<style>
.map {
width: 100%;
height: 400px;
}
</style>
</head>
<body>
<div id="map" class="map"></div>
<script src="index.js"></script>
</body>
</html>
Кроме того, вот код js на случай, если он необходим.
import Map from "ol/Map";
import View from "ol/View";
import TileLayer from "ol/layer/Tile";
import OSM from "ol/source/OSM";
var map = new Map({
layers: [
new TileLayer({
source: new OSM()
})
],
target: "map",
view: new View({
center: [0, 0],
zoom: 2
})
});
Вместе с файлом package.json
{
"name": "Map Skeleton",
"dependencies": {
"ol": "6.0.1"
},
"devDependencies": {
"parcel": "1.11.0"
},
"scripts": {
"start": "parcel index.html",
"build": "parcel build --experimental-scope-hoisting --public-url . index.html"
}
}
Любая помощь приветствуется, и мне жаль, если это простое решение. Спасибо!