Javascript 无法使用带有pug的mapbox显示地图

正如上面显示的标题和图片，我在我的网站上显示地图时遇到了问题。我四处寻找解决方案，但没有一个与我的类似。需要注意的一点是，我正在使用pug（用HTML编写JS的模板）。下面是JS的代码，如下所示

/*eslint禁用*/
const locations=JSON.parse（document.getElementById（“map”）.dataset.locations）；
mapboxgl.accessToken='xxxxxx'；
var map=new mapboxgl.map({
容器：“映射”，
样式：“xxxxxxx”，
中间：[-118.315192,34.006905]，
缩放：10
});在头上设置的内容安全策略似乎有问题

在meta标记中添加以下代码

script-src 'self' api.mapbox.com;


更多信息

因为OP使用第三方npm模块
头盔

目前，您可以按如下方式禁用头盔中的CSP

app.use(
  helmet({
    contentSecurityPolicy: false,
  })
);

要了解更多已读文档，请查看内容安全策略标题是否丢失，只需将此元标记放在标题中，它对我有效

<meta http-equiv="Content-Security-Policy" content="script-src 'self' api.mapbox.com;worker-src blob: ;connect-src https://*.tiles.mapbox.com https://api.mapbox.com https://events.mapbox.com">


请举例说明如何添加它。我用的是帕格，上下文可能不同。这是我目前的meta标签meta（name='viewport'content='width=device width，initial scale=1.0'value=“script src'self”api.mapbox.com；”）你能从你的头上提供完整的meta标签吗？我想你在nodejs上使用express是一个动态添加CSP的npm模块。。确保您使用的是npm模块头盔还是somthing Similar？是的。我现在正在用头盔。但它是空的。我需要在里面放点什么吗？是的！！现在终于开始工作了。但顺便说一句，你现在是什么意思？