Я хочу создать собственный API, я создал класс и объект с es6 и используя ядро javascript.
, когда я запустил этот код с npm, получил эту ошибку; Uncaught ReferenceError: mapper не определен
Как вы думаете, где я получаю ошибку?
index.js;Функция OpenLayers в коде
import 'ol/ol.css';
import {Map, View} from 'ol';
import TileLayer from 'ol/layer/Tile';
import OSM from 'ol/source/OSM';
window.onload = config;
let mapper;
function config() {
mapper = new IMapper();
}
export class IMapper{
constructor(){
}
initMap () {
const map = new Map({
target: 'map',
layers: [
new TileLayer({
source: new OSM()
})
],
view: new View({
center: [0, 0],
zoom: 0
})
});
}
}
index.html;вызвал код es6 в ядре js, и я получил эту ошибку
<html>
<head>
<meta charset="utf-8">
<title>Using Parcel with OpenLayers</title>
<style>
#map {
width: 400px;
height: 250px;
}
</style>
<script type="module" src="index.js"></script>
</head>
<body>
<div id="map"></div>
<script>
mapper.initMap();
</script>
</body>
</html>
package.json
{
"name": "ol-parcel",
"version": "1.0.0",
"description": "Example using OpenLayers with Parcel",
"scripts": {
"start": "parcel index.html",
"build": "parcel build --public-url . *.html *.js"
},
"dependencies": {
"ol": "^5.1.2"
},
"devDependencies": {
"parcel-bundler": "^1.9.4"
}
}
Спасибо за ответы ...