Ruby on rails 为什么'；我的Mapbox GL JS地图在首次通过TurboLink访问时是否正确显示？

我正在尝试将Turbolinks添加到我的Rails 6应用程序中（我参加聚会迟到了），我的TailwindCSS和Mapbox GL JS出现了显示问题

如果我使用地图（新建选项卡或刷新页面）在页面上开始我的旅程，那么在我的访问期间，一切都按预期进行（我可以带着地图反复离开并返回页面&每次一切都按预期进行）。我甚至可以访问带有其他Mapbox实例的页面&这些实例可以正确显示（我正在慢慢地从每页上孤立的

script

标记过渡到StimulusJ，这样我就有了几个Mapbox提供的控制器，例如mapcity_控制器和mapstreet_控制器-我不认为这是问题的一部分，但我不想让任何事情发生）

但是，如果我在没有地图的其他页面上开始我的旅程（新建选项卡或刷新页面），然后导航到一个上面有Mapbox的页面，

fixed

和

w-*

样式不起作用。如果我滚动页面，地图会随着内容向上流动&地图不会填满它应该占据的整个

w-2/3

空间

内容

我认为它可能是父级的

md:w-1/2 lg:w-2/3

container div，但是删除它根本不会改变行为：

内容

如果我将Mapbox从等式中移除，则在任一访问场景中，一切都会按预期进行（无论页面是否是我的第一次访问，我都会有一个全宽、非滚动的右窗格）：

大量多行内容导致滚动
其他内容

我猜我的StimulusJS控制器的某些部分不能与TurboLink正常工作。我已经删除了所有额外的代码（设置缩放级别、添加源和层等），但问题仍然存在。我尝试使用

连接

以及

初始化

，结果相同

从“刺激”导入{Controller}
从“mapbox gl”导入mapboxgl
导出默认类扩展控制器{
连接（）{
mapboxgl.accessToken=“我的访问令牌”
this.map=new mapboxgl.map({
容器：“映射”，
风格：'mapbox://styles/mapbox/satellite-streets-v11',
中心：[0,0]，
缩放：2，
最小缩放：1
})
}
断开（）{
this.map.remove（）
this.map=未定义
}
}

以防万一，这里是我的

index.js

文件：

从“刺激”导入{Application}
从“刺激/网页包帮助程序”导入{definitionsFromContext}
const application=application.start（）
const context=require.context（'controllers'，true，/_controller\.js$/）
application.load（定义来自上下文（上下文））

这是我的

packs/application.js

文件：

require（'@rails/ujs'）.start（）
require（'turbolinks'）。start（）
需要（'stylesheets/application.scss'）
需要（'stylesheets/custom.scss'）
require（'src'）
导入“控制器”

application.scss

文件包含：

@import“tailwindcss/base”；
@导入“tailwindcss/components”；
@导入“tailwindcss/utilities”；

custom.scss

中的自定义样式均不适用于地图或其容器div。

深呼吸

嗯