Shiny中htmlTemplate无法关联CSS文件（Rhino框架环境）

问题原因 #

Rhino框架不沿用原生Shiny依赖www目录的静态资源规则，默认只会识别app/static目录下的静态文件，直接在根目录引用styles.css会因为路径无法被Shiny/Rhino解析而失效。而内联style属性不需要加载外部资源，因此能正常生效。

解决方案 #

方案一：遵循Rhino规范放置静态资源（推荐）

1. 在项目根目录创建app/static/css目录结构
2. 将styles.css移动到app/static/css下
3. 修改template.html中的CSS引用路径：

<link rel="stylesheet" type="text/css" href="css/styles.css" />

Rhino会自动将app/static作为静态资源的根路径，因此css/styles.css会正确指向app/static/css/styles.css。

方案二：用Rhino的资源路径函数生成地址

如果需要更灵活的资源引用，可使用Rhino提供的resource_path()函数生成标准路径：

1. 将styles.css放在app/static目录下
2. 修改template.html的link标签：

<link rel="stylesheet" type="text/css" href="{{ resource_path('styles.css') }}" />

该函数会自动解析出Rhino认可的静态资源路径。

方案三：手动注册资源路径（不推荐，不符合框架规范）

如果坚持要将CSS放在根目录，可在app.R中手动注册资源路径：

library(shiny)
addResourcePath("custom_res", getwd()) # 注册当前目录为资源路径
ui <- htmlTemplate("template.html", slider = sliderInput("x", "X", 1, 100, 50))
server <- function(input, output, session) {}
shinyApp(ui, server)

然后修改template.html中的引用：

<link rel="stylesheet" type="text/css" href="custom_res/styles.css" />

验证 #

修改完成后重启Shiny应用，slider_class的红色文字样式应该能正常生效。

内容的提问来源于stack exchange，提问作者D.sen