jhelvy
Warning: A runtime exception has occured while executing JavaScript
Hello John, Thank you so much for making xaringanBuilder. It has been a great help to me and my students. I am having a problem with it building a slide deck. Can I do anything to fix the warning/exception/problem shown below?
The issue:
Warning: A runtime exception has occured while executing JavaScript
Runtime exception message:
ReferenceError: $ is not defined
at http://127.0.0.1:6101/X_files/kePrint-0.0.1/kePrint.js:1:1
The code
xaringanBuilder::build_pdf("./X.Rmd")
The Rmd file
---
title: "Bug"
output:
xaringan::moon_reader
---
```{r packages}
suppressPackageStartupMessages(library(dplyr))
suppressPackageStartupMessages(library(kableExtra))
```
```{r, echo=FALSE}
datasets::anscombe %>%
select(x1, y1, x2, y2, x3, y3, x4, y4) %>%
kbl(col.names = rep(c("x", "y"), 4), align='c') %>%
add_header_above(c("Group 1" = 2, "Group 2" = 2, "Group 3" = 2, "Group 4" = 2))
```
Session info
â Session info ðĪĶð― ðŠðŧ ð âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
hash: person facepalming: medium skin tone, flexed biceps: light skin tone, one-thirty
setting value
version R version 4.1.0 (2021-05-18)
os macOS Big Sur 11.6.2
system x86_64, darwin17.0
ui RStudio
language (EN)
collate en_US.UTF-8
ctype en_US.UTF-8
tz America/New_York
date 2022-01-05
rstudio 2021.09.1+372 Ghost Orchid (desktop)
pandoc 2.14.0.3 @ /Applications/RStudio.app/Contents/MacOS/pandoc/ (via rmarkdown)
â Packages âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
package * version date (UTC) lib source
assertthat 0.2.1 2019-03-21 [1] CRAN (R 4.1.0)
cachem 1.0.6 2021-08-19 [1] CRAN (R 4.1.0)
callr 3.7.0 2021-04-20 [1] CRAN (R 4.1.0)
cli 3.1.0 2021-10-27 [1] CRAN (R 4.1.0)
colorspace 2.0-2 2021-06-24 [1] CRAN (R 4.1.0)
crayon 1.4.2 2021-10-29 [1] CRAN (R 4.1.0)
DBI 1.1.1 2021-01-15 [1] CRAN (R 4.1.0)
desc 1.4.0 2021-09-28 [1] CRAN (R 4.1.0)
devtools * 2.4.3 2021-11-30 [1] CRAN (R 4.1.0)
digest 0.6.29 2021-12-01 [1] CRAN (R 4.1.0)
dplyr * 1.0.7 2021-06-18 [1] CRAN (R 4.1.0)
ellipsis 0.3.2 2021-04-29 [1] CRAN (R 4.1.0)
evaluate 0.14 2019-05-28 [1] CRAN (R 4.1.0)
fansi 0.5.0 2021-05-25 [1] CRAN (R 4.1.0)
fastmap 1.1.0 2021-01-25 [1] CRAN (R 4.1.0)
fs 1.5.2 2021-12-08 [1] CRAN (R 4.1.0)
generics 0.1.1 2021-10-25 [1] CRAN (R 4.1.0)
glue 1.6.0 2021-12-17 [1] CRAN (R 4.1.0)
htmltools 0.5.2 2021-08-25 [1] CRAN (R 4.1.0)
httr 1.4.2 2020-07-20 [1] CRAN (R 4.1.0)
kableExtra * 1.3.4 2021-02-20 [1] CRAN (R 4.1.0)
knitr * 1.37 2021-12-16 [1] CRAN (R 4.1.0)
lifecycle 1.0.1 2021-09-24 [1] CRAN (R 4.1.0)
magrittr 2.0.1 2020-11-17 [1] CRAN (R 4.1.0)
memoise 2.0.1 2021-11-26 [1] CRAN (R 4.1.0)
munsell 0.5.0 2018-06-12 [1] CRAN (R 4.1.0)
pillar 1.6.4 2021-10-18 [1] CRAN (R 4.1.0)
pkgbuild 1.2.1 2021-11-30 [1] CRAN (R 4.1.0)
pkgconfig 2.0.3 2019-09-22 [1] CRAN (R 4.1.0)
pkgload 1.2.4 2021-11-30 [1] CRAN (R 4.1.0)
prettyunits 1.1.1 2020-01-24 [1] CRAN (R 4.1.0)
processx 3.5.2 2021-04-30 [1] CRAN (R 4.1.0)
ps 1.6.0 2021-02-28 [1] CRAN (R 4.1.0)
purrr 0.3.4 2020-04-17 [1] CRAN (R 4.1.0)
R6 2.5.1 2021-08-19 [1] CRAN (R 4.1.0)
remotes 2.4.2 2021-11-30 [1] CRAN (R 4.1.0)
rlang 0.4.12 2021-10-18 [1] CRAN (R 4.1.0)
rmarkdown 2.11 2021-09-14 [1] CRAN (R 4.1.0)
rprojroot 2.0.2 2020-11-15 [1] CRAN (R 4.1.0)
rstudioapi 0.13 2020-11-12 [1] CRAN (R 4.1.0)
rvest 1.0.2 2021-10-16 [1] CRAN (R 4.1.0)
scales 1.1.1 2020-05-11 [1] CRAN (R 4.1.0)
sessioninfo 1.2.1 2021-11-02 [1] CRAN (R 4.1.0)
stringi 1.7.6 2021-11-29 [1] CRAN (R 4.1.0)
stringr 1.4.0 2019-02-10 [1] CRAN (R 4.1.0)
svglite 2.0.0 2021-02-20 [1] CRAN (R 4.1.0)
systemfonts 1.0.3 2021-10-13 [1] CRAN (R 4.1.0)
testthat * 3.1.1 2021-12-03 [1] CRAN (R 4.1.0)
tibble 3.1.6 2021-11-07 [1] CRAN (R 4.1.0)
tidyselect 1.1.1 2021-04-30 [1] CRAN (R 4.1.0)
usethis * 2.1.3 2021-10-27 [1] CRAN (R 4.1.0)
utf8 1.2.2 2021-07-24 [1] CRAN (R 4.1.0)
vctrs 0.3.8 2021-04-29 [1] CRAN (R 4.1.0)
viridisLite 0.4.0 2021-04-13 [1] CRAN (R 4.1.0)
webshot 0.5.2 2019-11-22 [1] CRAN (R 4.1.0)
withr 2.4.3 2021-11-30 [1] CRAN (R 4.1.0)
xaringanBuilder * 0.0.9 2021-11-27 [1] Github (jhelvy/xaringanBuilder@235c8c4)
xfun 0.29 2021-12-14 [1] CRAN (R 4.1.0)
xml2 1.3.3 2021-11-30 [1] CRAN (R 4.1.0)
[1] /Library/Frameworks/R.framework/Versions/4.1/Resources/library
Hi, glad to hear the package has been helpful. In trouble-shooting this issue, it looks like everything is still building properly, but the warning is coming from something related to the {kableExtra} code. If I comment out the last line in the pipe and use kable() instead of kbl() I don't get a warning:
---
title: "Bug"
output: xaringan::moon_reader
---
```{r packages}
suppressPackageStartupMessages(library(dplyr))
suppressPackageStartupMessages(library(kableExtra))
```
```{r, echo=FALSE}
datasets::anscombe %>%
select(x1, y1, x2, y2, x3, y3, x4, y4) %>%
kable(col.names = rep(c("x", "y"), 4), align='c')
# add_header_above(c("Group 1" = 2, "Group 2" = 2, "Group 3" = 2, "Group 4" = 2))
```
I'm not sure where the specific issue is, but it apparently has to do with executing some Javascript that I'm guessing is being inserted somewhere when using the additional {kableExtra} functions.
Totally agree with everything @jhelvy said, it's also my diagnosis. Looking at the JS error...
ReferenceError: $ is not defined
This line hints to me that kableExtra is assuming that jQuery is loaded. That's usually a reasonable assumption in the R Markdown and Shiny world, but xaringan doesn't use jQuery.
You could try sticking with kableExtra and adding the following chunk somewhere in your slides. It might fix your issue or it might create new ones ðĪŠ
```{r jquery, echo=FALSE}
htmltools::tagList(rmarkdown::html_dependency_jquery())
```
Ah come on.... what could possibly go wrong. ðĪŊ
I am writing a talk on creating publication ready tables: tibble, kable, kableExtra, gt, flextable, huxtable, dt, reactable, etc., etc.. So, for better or worse, I need to keep the kableExtra code.
Adding the jquery dependency seems to fix the warning without blowing up anything else.
I am profoundly grateful for all you guys do. If you make it down to Miami dinner is on me.
Ah thanks for the offer and kind words and good luck with your talk!
One more little tip that might save (or create) some headaches down the line. For very complicated tables or when the dependencies start to interact between the different packages, you can use the htmlwidgets::saveWidget() function to save the table to a self-contained file. Then you can include those files in an <iframe> (see the iframe docs on MDN for help). It might take some tweaking to get the sizing and styling right, but that way the dependencies from one table won't interact with the dependencies from another table.
I've done what @gadenbuie mentioned with htmlwidgets::saveWidget() to embed interactive elements like leaflet maps into my xaringan slides. This deck (source here) has some examples, though it takes a super long time to load because there are so many.
I appreciate the thanks. Also I've never seen a shiny app used for a course site, very cool interactive timeline!