如何阻止Shiny引用shared文件夹下的Bootstrap 3并使用自定义编译版本

方法1：禁用Shiny默认Bootstrap依赖注入 #

直接在UI定义的最开头加入禁用默认Bootstrap依赖的代码，即可阻止Shiny自动加载shared文件夹下的Bootstrap 3样式，让你自行编译的自定义样式完全生效：

ui <- fluidPage(
  suppressDependencies("bootstrap"),
  theme = "mybootstrap.min.css",
  # 其余UI代码
  tabsetPanel(
    tabPanel("标签1"),
    tabPanel("标签2")
  )
)

该方法会屏蔽Shiny自带的所有Bootstrap默认样式，你自定义编译的样式会全局作用于所有组件，包括tabsetPanel。

方法2：通过bslib包管理Bootstrap样式（更稳定） #

如果不想手动编译Sass文件，可以直接使用Shiny官方的bslib包来管理Bootstrap依赖，从根源上避免版本冲突，也支持直接导入你已有的_variables.scss配置：

library(bslib)

ui <- fluidPage(
  theme = bs_theme(
    version = 5, # 按需指定Bootstrap版本，支持4、5版本
    primary = "#你的主色值", # 可直接设置主色调等核心变量
    sass = sass::sass_file("_variables.scss") # 直接导入你已有的Sass变量文件
  ),
  # 其余UI代码
  tabsetPanel(
    tabPanel("标签1"),
    tabPanel("标签2")
  )
)

使用bslib定义主题时，框架会自动处理依赖加载逻辑，不会引入Shiny自带的旧版Bootstrap，所有变量配置都会全局生效。

生效验证 #

App运行后在浏览器按下F12打开开发者工具，切换到网络面板搜索bootstrap，确认仅加载了你指定的自定义样式文件、无其他Bootstrap相关CSS文件加载即可。

内容的提问来源于stack exchange，提问作者troh