Black Lives Matter. Please consider donating to Black Girls Code today.
Dash HoloViews is now available! Check out the docs.

Error loading dependencies - Security settings problem?

Hi everyone,

Embarrassing, but I can’t seem to get the most basic app to work. I got it from the Getting Started page.

# -*- coding: utf-8 -*-

import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash()

app.layout = html.Div(children=[
    html.H1(children='Hello Dash'),

    html.Div(children='''
        Dash: A web application framework for Python.
    '''),

    dcc.Graph(
        id='example-graph',
        figure={
            'data': [
                {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'SF'},
                {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': u'Montréal'},
            ],
            'layout': {
                'title': 'Dash Data Visualization'
            }
        }
    )
])

if __name__ == '__main__':
    app.run_server(debug=True)

I’m getting the ‘Error loading dependencies’ message. I think all my packages should be up-to-date:

dash==0.22.0rc2
dash-core-components==1.0.0rc1
dash-html-components==0.11.0rc1
dash-renderer==0.12.1
dash.ly==0.17.3

I’m on a macbook pro. I tried running the app in Opera, Safari and Chrome.

Opened the js console in Chrome, and it says:

Failed to load resource: the server responded with a status of 404 ()
Refused to execute script from 'https://unpkg.com/dash-html-components@0.11.0rc1/dash_html_components/bundle.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled.
Error: dash_html_components was not found.
    at Object.resolve (bundle.js:14)
    at s (bundle.js:14)
    at Array.map (<anonymous>)
    at s (bundle.js:14)
    at e.value (bundle.js:14)
    at p._renderValidatedComponentWithoutOwnerOrContext (react-dom.min.js:13)
    at p._renderValidatedComponent (react-dom.min.js:13)
    at performInitialMount (react-dom.min.js:13)
    at p.mountComponent (react-dom.min.js:13)
    at Object.mountComponent (react-dom.min.js:14)

The second line makes me think I should change something in security settings, but I cannot figure out if that’s the problem, and if so, what to change.

Apologies if this is trivial.

Thanks for any help you can give!

You’re using a set of unstable pre-release components. Please see https://dash.plot.ly/installation for the latest set of packages.

Thanks a lot, I blindly installed the latest versions without considering they may not have been the latest stable version. Fixed now. Looking forward to explore Dash!