TypeError: html.map is not a function

[chrisvoncsefalvay]

Description

I have an ipynb notebook that I'm trying to embed some cells for into a Quarto HTML document. For instance, I've got

#| label: count_unique_counties

len(community_levels)/len(community_levels["county_fips"].unique()) 

and I'm trying to embed this as

{{< embed notebook.ipynb#count_unique_counties echo=true >}}

I'm getting this error:

ERROR: TypeError: html.map is not a function

TypeError: html.map is not a function
    at displayDataHasHtmlTable (file:///Applications/quarto/bin/quarto.js:49430:32)
    at displayDataMimeType (file:///Applications/quarto/bin/quarto.js:49396:9)
    at shouldLabelOutputContainer (file:///Applications/quarto/bin/quarto.js:51571:26)
    at mdFromCodeCell (file:///Applications/quarto/bin/quarto.js:53769:36)
    at jupyterToMarkdown (file:///Applications/quarto/bin/quarto.js:53308:34)
    at async getCachedNotebookInfo (file:///Applications/quarto/bin/quarto.js:80813:25)
    at async notebookMarkdown (file:///Applications/quarto/bin/quarto.js:80710:26)
    at async replaceNotebookPlaceholders (file:///Applications/quarto/bin/quarto.js:80687:32)
    at async renderPandoc (file:///Applications/quarto/bin/quarto.js:80991:28)
    at async Object.onRender (file:///Applications/quarto/bin/quarto.js:98878:42)

This is rather perplexing, as I've done embeds in the past with no issues. What am I doing wrong?

[chrisvoncsefalvay]

So, with some row-by-row debug, it appears the culprit is printing a df's head() and trying to embed it. In which case, is there a way to do so?

[mcanouil]

Could you share a small self-contained "working" (reproducible) example to work with, i.e., a complete Quarto document or a Git repository? Thanks.

You can share a Quarto document using the following syntax, i.e., using more backticks than you have in your document (usually four ````).

````qmd
---
title: "Reproducible Quarto Document"
format: html
---

This is a reproducible Quarto document using `format: html`.
It is written in Markdown and contains embedded Python code similarly to Jupyter Notebook.
When you run the code, it will produce a plot.

```{python}
import matplotlib.pyplot as plt
import numpy as np

import matplotlib.cm as cm

delta = 0.025
x = np.arange(-3.0, 3.0, delta)
y = np.arange(-2.0, 2.0, delta)
X, Y = np.meshgrid(x, y)
Z1 = np.exp(-X**2 - Y**2)
Z2 = np.exp(-(X - 1)**2 - (Y - 1)**2)
Z = (Z1 - Z2) * 2

fig, ax = plt.subplots()
CS = ax.contour(X, Y, Z)
ax.clabel(CS, inline=True, fontsize=10)
ax.set_title('Simplest default with labels')
```

The end.
````

[chrisvoncsefalvay]

Sure. This is test.ipynb: two cells, one is

import pandas as pd

df = pd.DataFrame([[1,2,3],[4,5,6],[7,8,9]], columns=['a','b','c'])

and the other, which is to be embedded, is

#| label: head

df.head()

Then, test.qmd is:

---
title: Test
---

{{< embed test.ipynb#head >}}

The error I get is:

ERROR: TypeError: html.map is not a function

TypeError: html.map is not a function
    at displayDataHasHtmlTable (file:///Applications/quarto/bin/quarto.js:49430:32)
    at displayDataMimeType (file:///Applications/quarto/bin/quarto.js:49396:9)
    at shouldLabelOutputContainer (file:///Applications/quarto/bin/quarto.js:51571:26)
    at mdFromCodeCell (file:///Applications/quarto/bin/quarto.js:53769:36)
    at jupyterToMarkdown (file:///Applications/quarto/bin/quarto.js:53308:34)
    at async getCachedNotebookInfo (file:///Applications/quarto/bin/quarto.js:80813:25)
    at async notebookMarkdown (file:///Applications/quarto/bin/quarto.js:80710:26)
    at async replaceNotebookPlaceholders (file:///Applications/quarto/bin/quarto.js:80687:32)
    at async renderPandoc (file:///Applications/quarto/bin/quarto.js:80991:28)
    at async Object.onRender (file:///Applications/quarto/bin/quarto.js:98878:42)

[mcanouil]

Please follow the example in my reply. As explained you need to enclose any code cell with more backticks.

[cderv]

This works well for me using 1.3 and also latest 1.4 version of Quarto

test.qmd

---
title: "Untitled"
format:
  html: default
---

{{< embed test.ipynb#head >}}

test.ipynb being a document with two cells

You'll see the document is executed with outputs. If cells are not executed with no output, then the error is

ERROR: The notebook test.ipynb doesn't contain output to embed with the cell id, tag, or label 'head'. Please be sure to have executed any cells that you are embedding.

which is not the same as yours.

Please check your version, try my example, and update yours to help us reproduce.

Thanks