widgetti / widgetti/solara

Javascript error for solara version 1.35.1 and 1.36.0

Open
#720 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
Python
Stars
2.2k
Forks
202
Avg merge
4h 36m
Merged PRs (30d)
3

Description

Beginning with solara 1.35.1 I encounter a javascript error when using solara run ... , including for this script pulled from the solara documentation

"""# Interactive sine wave


This example shows how to have two slider control a visualization.

"""

import numpy as np
import plotly.express as px

import solara

x = np.linspace(0, 2, 100)

title = "Interactive sine wave"
freq = solara.reactive(2.0)
phase = solara.reactive(0.1)


@solara.component
def Page():
    y = np.sin(x * freq.value + phase.value)

    solara.FloatSlider("Frequency", value=freq, min=0, max=10)
    solara.FloatSlider("Phase", value=phase, min=0, max=np.pi, step=0.1)

    fig = px.line(x=x, y=y)
    solara.FigurePlotly(fig)

This is running in a python (3.10.7) venv with requirement

numpy
plotly
solara==1.35.1
solara[assets]==1.35.1
pandas

Including assets does not solve the problem.

The error is:

[Open Browser Console for more detailed log - Double click to close this message]
Failed to load model class 'HtmlModel' from module 'jupyter-vuetify'
makeError@http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:168:17
onScriptError@http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:1738:36

The browser console output:

rootPath <empty string> localhost:8765:500:17
solara init solara-main undefined localhost:8765:638:13
Loading failed for the <script> with source “http://localhost:8765/static/nbextensions/jupyterlab-plotly/extension.js?5c137702cb258f8aaf20778be94aaf3b”. localhost:8765:1:1
Uncaught Error: Script error for "/static/nbextensions/jupyterlab-plotly/extension.js"
https://requirejs.org/docs/errors.html#scripterror
    makeError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:168
    onScriptError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:1738
require.js:168:17
Loading failed for the <script> with source “http://localhost:8765/static/nbextensions/jupyter-vuetify/nodeps.js”. localhost:8765:1:1
Falling back to https://cdn.jsdelivr.net/npm/ for jupyter-vuetify@^1.9.4 loader.js:67
Loading failed for the <script> with source “http://localhost:8765/static/nbextensions/jupyter-vuetify/nodeps.js”. localhost:8765:1:1
Error: Script error for "nbextensions/jupyter-vuetify/nodeps"
https://requirejs.org/docs/errors.html#scripterror
    makeError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:168
    onScriptError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:1738
manager-base.js:575
Falling back to https://cdn.jsdelivr.net/npm/ for jupyter-vuetify@^1.9.4 loader.js:67
Loading failed for the <script> with source “http://localhost:8765/static/nbextensions/jupyter-vuetify/nodeps.js”. localhost:8765:1:1
Error: Script error for "nbextensions/jupyter-vuetify/nodeps"
https://requirejs.org/docs/errors.html#scripterror
    makeError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:168
    onScriptError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:1738
manager-base.js:575
Falling back to https://cdn.jsdelivr.net/npm/ for jupyter-vuetify@^1.9.4 loader.js:67
Loading failed for the <script> with source “http://localhost:8765/static/nbextensions/jupyter-vuetify/nodeps.js”. localhost:8765:1:1
Error: Script error for "nbextensions/jupyter-vuetify/nodeps"
https://requirejs.org/docs/errors.html#scripterror
    makeError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:168
    onScriptError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:1738
manager-base.js:575
Falling back to https://cdn.jsdelivr.net/npm/ for jupyter-vuetify@^1.9.4 loader.js:67
Loading failed for the <script> with source “http://localhost:8765/static/nbextensions/jupyter-vuetify/nodeps.js”. localhost:8765:1:1
Error: Script error for "nbextensions/jupyter-vuetify/nodeps"
https://requirejs.org/docs/errors.html#scripterror
    makeError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:168
    onScriptError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:1738
manager-base.js:575
Loading failed for the <script> with source “http://localhost:8765/static/nbextensions/jupyter-vue/nodeps.js”. localhost:8765:1:1
Falling back to https://cdn.jsdelivr.net/npm/ for jupyter-vue@^1.11.1 loader.js:67
Loading failed for the <script> with source “http://localhost:8765/static/nbextensions/jupyter-vue/nodeps.js”. localhost:8765:1:1
Error: Script error for "nbextensions/jupyter-vue/nodeps"
https://requirejs.org/docs/errors.html#scripterror
    makeError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:168
    onScriptError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:1738
manager-base.js:575
Falling back to https://cdn.jsdelivr.net/npm/ for jupyter-vuetify@^1.9.4 loader.js:67
Loading failed for the <script> with source “http://localhost:8765/static/nbextensions/jupyter-vuetify/nodeps.js”. localhost:8765:1:1
Error: Script error for "nbextensions/jupyter-vuetify/nodeps"
https://requirejs.org/docs/errors.html#scripterror
    makeError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:168
    onScriptError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:1738
manager-base.js:575
Falling back to https://cdn.jsdelivr.net/npm/ for jupyter-vuetify@^1.8.5 loader.js:67
Loading failed for the <script> with source “http://localhost:8765/static/nbextensions/jupyter-vuetify/nodeps.js”. localhost:8765:1:1
Error: Script error for "nbextensions/jupyter-vuetify/nodeps"
https://requirejs.org/docs/errors.html#scripterror
    makeError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:168
    onScriptError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:1738
manager-base.js:575
Falling back to https://cdn.jsdelivr.net/npm/ for jupyter-vue@^1.11.1 loader.js:67
Loading failed for the <script> with source “http://localhost:8765/static/nbextensions/jupyter-vue/nodeps.js”. localhost:8765:1:1
Error: Script error for "nbextensions/jupyter-vue/nodeps"
https://requirejs.org/docs/errors.html#scripterror
    makeError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:168
    onScriptError http://localhost:8765/_solara/cdn/requirejs@2.3.6/require.js:1738
manager-base.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the documented interactive sine-wave example with solara run under Solara 1.35.1 or 1.36.0, then inspect the browser console and the asset-loading path for jupyter-vuetify, jupyter-vue, and jupyterlab-plotly. Done means the example loads without the HtmlModel or failed-script errors and the Plotly sliders work.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, jupyter, plotly, python
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.