Javascript 接收'；要求未定义'；在浏览器中使用节点实现Mapbox时 我正在进行一个课程，目前正在尝试实现MaPbx.js。我已直接按照mapbox文档中的所有说明进行操作，但在控制台中收到一个错误： Uncaught ReferenceError: require is not defined <anonymous> http://localhost:8000/js/mapbox.js:3

我在一个单独的.pug文件中附加到我的基本文件的头部：

block append head
link(href='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css' rel='stylesheet')

---

require

仅是节点js（服务器端）中的一个函数，而不是浏览器中的函数

请参见在浏览器中使用require的答案：

或 或者，只需添加链接到mapbox js文件的脚本标记，并删除require语句

因此，请将此添加到您的html中：

然后将代码更改为：

mapboxgl.accessToken =
  'pk.eyJ1IjoiYnJhbmF1c3QiLCJhIjoiY2tnOHVibGllMDVuYjJ5cHFmbmpucndwZSJ9.KBzYV-QSHSChEb6QJpNpdg';
var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
});

---

require

仅是节点js（服务器端）中的一个函数，而不是浏览器中的函数

请参见在浏览器中使用require的答案：

或 或者，只需添加链接到mapbox js文件的脚本标记，并删除require语句

因此，请将此添加到您的html中：

然后将代码更改为：

mapboxgl.accessToken =
  'pk.eyJ1IjoiYnJhbmF1c3QiLCJhIjoiY2tnOHVibGllMDVuYjJ5cHFmbmpucndwZSJ9.KBzYV-QSHSChEb6QJpNpdg';
var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
});

---

您正在阅读哪些文档？我在这里看不到任何关于

require

的提及：我只是添加了他们网站上给我的说明的图片。谢谢你的帮助，如果我只看到文档的一小部分，我就无法查看文档的上下文！这回答了你的问题吗？您正在阅读哪些文档？我在这里看不到任何关于

require

的提及：我只是添加了他们网站上给我的说明的图片。谢谢你的帮助，如果我只看到文档的一小部分，我就无法查看文档的上下文！这回答了你的问题吗？