Docker部署R Shiny应用时airDatePicker日期选择异常问题

本地运行R Shiny应用时，airDatePicker组件可正常修改日期范围的起始日期（例如从2024-06-03改为2024-03-01）；但通过Docker容器部署后，修改起始日期的操作完全不生效，日期选择范围始终保持初始值不变。

以下是复现问题的代码及配置：

示例app.R代码 #

library(shiny)
library(shinyWidgets)

print("shinyWidgets version:")
print(packageVersion("shinyWidgets"))

ui <- fluidPage(
  h1("TESTING - airdatepicker"),
  airDatepickerInput("date_menu",
                     label = "Choose date range",
                     value = c(as.Date("2024-06-03"), Sys.Date()),
                     dateFormat = "dd. MM. yyyy.",
                     addon = "none",
                     minDate = "2023-07-08",
                     maxDate = Sys.Date(),
                     range = T,
                     language = "hr"
    ),
  textOutput("results")
  )

server <- function(input, output, session) {
  output$results <- renderText({
    paste0("The range spans from ",
           input$date_menu[1],
           " to ",
           input$date_menu[2])
  })
}

shinyApp(ui, server)

Dockerfile示例 #

FROM rocker/r-ver:4.3.3

RUN apt-get update && apt-get install -y dialog apt-utils
RUN apt-get upgrade -y

RUN R -q -e "install.packages(c('shiny', 'shinyWidgets'))"
COPY app.R app.R

EXPOSE 3838

ENTRYPOINT ["R", "-q", "-e", "shiny::runApp(appDir = './', port = 3838, host = '0.0.0.0')"]

构建与运行命令 #

• 构建命令：docker build -t mkranj/airdatepicker --no-cache .
• 运行命令：docker run -p 1234:3838 -it mkranj/airdatepicker:latest

排查原因及解决方案 #

1. shinyWidgets版本不一致 #

本地环境和Docker容器内安装的shinyWidgets版本可能存在差异，部分旧版本的airDatePicker组件存在范围选择交互的bug。

• 解决方法：在Dockerfile中指定安装最新稳定版或已知无bug的版本：
  修改安装命令为：

  RUN R -q -e "install.packages('shiny'); install.packages('shinyWidgets', repos = 'https://cran.rstudio.com/')"
  

  若需指定版本（比如0.8.6）：

  RUN R -q -e "install.packages('shiny'); install.packages('shinyWidgets', version='0.8.6', repos = 'https://cran.rstudio.com/')"
  

2. 容器时区偏差 #

Docker默认时区为UTC，和本地时区不一致会导致Sys.Date()计算的日期有误，干扰组件的日期逻辑。

• 解决方法：在Dockerfile中设置与本地一致的时区（示例为克罗地亚时区，对应代码中的language = "hr"）：

  RUN apt-get update && apt-get install -y dialog apt-utils tzdata
  RUN ln -fs /usr/share/zoneinfo/Europe/Zagreb /etc/localtime && dpkg-reconfigure -f noninteractive tzdata
  

3. 前端资源缓存或加载异常 #

airDatePicker依赖的JS/CSS资源在容器内可能加载不完整，或浏览器缓存了旧资源导致交互失效。

• 解决方法：
  • 在app.R的ui部分添加禁用缓存的meta标签：

    ui <- fluidPage(
      tags$head(tags$meta(httpEquiv="Cache-Control", content="no-cache")),
      h1("TESTING - airdatepicker"),
      # 其余ui代码不变
    )
    

  • 在Dockerfile中清理系统缓存，确保依赖完整安装：

    RUN apt-get clean && rm -rf /var/lib/apt/lists/*
    

4. 系统依赖缺失 #

rocker/r-ver基础镜像可能缺少airDatePicker运行所需的字体、字符集等系统依赖，导致前端组件交互异常。

• 解决方法：在Dockerfile中补充安装必要的系统依赖：

  RUN apt-get update && apt-get install -y dialog apt-utils libcurl4-openssl-dev libssl-dev libfontconfig1-dev libharfbuzz-dev libfribidi-dev libfreetype6-dev libpng-dev libtiff5-dev libjpeg-dev
  

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