Knitr的.png在Shiny应用程序中破坏了flexdashboard

编程问答 2022-06-07

问题描述

我已使用以下代码制作了Flex仪表板

    Route::get('{path}',[App\Http\Controllers\HomeController::class,'index'])->where('/path','([A-z\d-\/_.]+)?');

然后将其发布到我的Shinyapps.io帐户。您可以在以下链接上检查它： https://fsviben.shinyapps.io/off_nav/?_ga=2.137986611.266500750.1603128321-1131852342.1596040660

您可以看到仪表板按预期工作。

除了我的主Flex仪表板之外，您还可以在以下链接上看到它（完全加载仪表板大约需要60秒）： https://fsviben.shinyapps.io/offline_navigation_dashboard/?_ga=2.165897789.266500750.1603128321-1131852342.1596040660

我没有为该仪表板发布代码，因为它很大，并且从不同文件中获取数据。

当我尝试将这两个仪表板放在一起时，我得到了一个损坏的flex仪表板，其中第一页显示了一些奇怪的表格，没有应有的其他页面。链接在这里： https://fsviben.shinyapps.io/offline_navigation_app_dashboard/?_ga=2.103959171.266500750.1603128321-1131852342.1596040660

我玩过这个错误，下面的代码引起了问题：

---
title: "Offline navigation apps"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    vertical_layout: fill
runtime: shiny
---

```{r setup,include=FALSE}
library(flexdashboard)
library(knitr)
```

# Homepage

## Column {data-width=500}

### Introduction
<font size = "6">This dashboard compares reviews on Google Play between 8 different Offline navigation apps. It is divided between 6 main pages and each page shows different kind of analysis. </font><br><br>
<font size = "6">Idea behind this dashboard is easily compare Google Play review data between different apps. With few changes in the underlying code this dashboard can present review data on apps from other industries.</font><br><br>
<font size = "6">Please note that all data in this dashboard is shown only for app reviews with comments (scraped reviews). In other words,reviews without comments (users who have rated the app on a scale from 1 to 5 without leaving a comment) aren’t included in this report.</font><br><br>
<font size = "6">Please read user manual before exploring this dashboard. You can find user manual by clicking the following icon</font><br>
<a href="https://documentcloud.adobe.com/link/review?uri=urn:aaid:scds:US:82c45607-e381-4f1a-b88a-38ded829c139" target=_blank><center>
```{r dpi=10}
include_graphics("document-icon.png")
```
</center></a>
<br><font size = "6">If you like this dashboard or see a way to improve it,please visit my GitHub page by clicking below</font><br>
<a href="https://github.com/sapfa" target=_blank><center>
```{r dpi=10}
include_graphics("github-icon.png")
```
</center></a>

## Column {data-width=250}

### Info

<center><font size = "6"><b>DATA GATHERING METHodoLOGY:</b> <br>Web scraping<br><br>
<b>TIMELINE:</b> <br>15.06.2016 – 15.06.2020.<br><br>
<b>SAMPLE:</b> <br>8 offline navigation apps<br></font></center>


### List of apps with datasources
<b><font size = "6"><a href="https://play.google.com/store/apps/details?id=hr.mireo.arthur&hl=en" target=_blank>Genius Maps</a><br>
<a href="https://play.google.com/store/apps/details?id=com.tomtom.gplay.navapp&hl=en" target=_blank>TomTom</a><br>
<a href="https://play.google.com/store/apps/details?id=com.alk.copilot.mapviewer&hl=en" target=_blank>copilot</a><br>
<a href="https://play.google.com/store/apps/details?id=com.navfree.android.OSM.ALL&hl=en" target=_blank>Navmii</a><br>
<a href="https://play.google.com/store/apps/details?id=com.sygic.aura&hl=en" target=_blank>sygic</a><br>
<a href="https://play.google.com/store/apps/details?id=com.mapswithme.maps.pro&hl=en" target=_blank>maps.me</a><br>
<a href="https://play.google.com/store/apps/details?id=com.waze&hl=en" target=_blank>Waze</a><br>
<a href="https://play.google.com/store/apps/details?id=com.here.app.maps&hl=en" target=_blank>Here</a></b></font>

和

```{r dpi=10}
include_graphics("document-icon.png")
```

有人知道到底是什么引起了该问题吗？我想将图像保留在仪表板上。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

flexdashboardrrr-markdownshiny