Mapbox gl js Uncaught ReferenceError: 要求未定义答案

【问题标题】：Mapbox gl js Uncaught ReferenceError: require is not definedMapbox gl js Uncaught ReferenceError: 要求未定义
【发布时间】：2020-03-02 14:50:21
【问题描述】：

所以我在 mac osx 上安装了 Mapbox gl js 所需的 mapbox gl js、webpack 和 browserify。但是，当我尝试在本地主机上运行代码时，我得到 Uncaught SyntaxError: Cannot use import statement outside a module 错误。

所有模块都安装在Users/jbk/node-modules目录下，html文件在文件夹下。

<html>

<head>
    <link href='https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css' rel='stylesheet' />
</head>


<body>
<div id='map' style='width: 400px; height: 300px;'></div>
<script>


    var mapboxgl = require('mapbox-gl/dist/mapbox-gl.js');

    mapboxgl.accessToken = 'pk.eyIjoic252cGxheWVyIiwiYSI6ImVmcG51V28ifQ.Dfj_Uwi6FXQu4AgmBaAESw';
    var map = new mapboxgl.Map({
        container: 'map',
        style: 'mapbox://styles/mapbox/streets-v11'
    });
</script>

</body>

</html>

【问题讨论】：

“我安装了 mapbox gl js、webpack 和 browserify”——你似乎没有使用 webpack 或 browserify。
你的标题说你得到一个错误，因为 require 没有定义（不足为奇，因为你在浏览器中运行而不使用 webpack/browserify 而不是在 Node.js 中）......但你的问题说错误是“不能在模块外使用 import 语句”……你没有 import 语句。
我对此很陌生，你能告诉我要添加什么代码或将我指向资源吗？谢谢，
您对 webpack 或 browserify 的文档有什么不明白的地方吗？

标签： javascript mapbox

【解决方案1】：

您可以使用 mapbox 的 CDN，而不是导入 mapbox。

【讨论】：