慕蓋茨4494581
2023-05-11 10:22:15
我正在上一門課程,目前正在嘗試實(shí)施 mapbox.js 。我已直接按照 mapbox 文檔中的所有說明進(jìn)行操作,但在控制臺中收到錯(cuò)誤消息:Uncaught ReferenceError: require is not defined<anonymous> http://localhost:8000/js/mapbox.js:3這是我的 mapbox.js 文件:var mapboxgl = require('mapbox-gl/dist/mapbox-gl.js');mapboxgl.accessToken = 'pk.eyJ1IjoiYnJhbmF1c3QiLCJhIjoiY2tnOHVibGllMDVuYjJ5cHFmbmpucndwZSJ9.KBzYV-QSHSChEb6QJpNpdg';var map = new mapboxgl.Map({ container: 'map', style: 'mapbox://styles/mapbox/streets-v11',});我在一個(gè)單獨(dú)的 .pug 文件中附加到我的基本文件的頭部:block append headlink(href='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css' rel='stylesheet'
1 回答

紅顏莎娜
TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超13個(gè)贊
require
是節(jié)點(diǎn) js(服務(wù)器端)中的一個(gè)函數(shù),而不是瀏覽器中的函數(shù)。
或者
或者,只需添加鏈接到 mapbox js 文件的腳本標(biāo)簽并刪除你的 require 語句。
因此,將其添加到您的 html 中:?<script src='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js'></script>
然后將您的代碼更改為:
mapboxgl.accessToken =
? 'pk.eyJ1IjoiYnJhbmF1c3QiLCJhIjoiY2tnOHVibGllMDVuYjJ5cHFmbmpucndwZSJ9.KBzYV-QSHSChEb6QJpNpdg';
var map = new mapboxgl.Map({
? container: 'map',
? style: 'mapbox://styles/mapbox/streets-v11',
});
添加回答
舉報(bào)
0/150
提交
取消