Not able to start with Dash

adithya791 · March 23, 2018, 11:28am

Hello, I am trying to use Dash through anaconda. Trying the first tutorial code:
import dash

import dash_core_components as dcc
import dash_html_components as html

app=dash.Dash
dash.Dash.layout = html.Div(‘Dash’)

dash.Dash.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'
        }
    }
)

])

dash.Dash.css.config.serve_locally = True
dash.Dash.scripts.config.serve_locally = True
dash.Dash.css
if name == ‘main’:
dash.Dash.run_server(debug=True)

and running into
AttributeError: type object ‘Dash’ has no attribute ‘css’
if I remove dash.Dash.css.config.serve_locally - True, I run into
AttributeError: type object ‘Dash’ has no attribute ‘scripts’

Can someone please help me with this

GwendalD · March 23, 2018, 1:55pm

Hi,

which tutorial are your referring about? There is several strange things in your code.

you define app as a the object dash.Dash, but:
- you want app to be an instance of the class dash.Dash, so parenthesis are missing.
- you never reuse app in your code… You need to remove all the dash.Dash by your instance app.
The dash.Dash.layout = html.Div("Dash") is useless as it will be erased by the next ‘dash.Dash.layout’ 2 lines after.

Here is a suggestion to make it works. (PS: frame it with ```py … ```) makes it nice to look at )

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'
            }
        }
    )
])

app.css.config.serve_locally = True
app.scripts.config.serve_locally = True
#dash.Dash.css <- what's that ?
if __name__ == '__main__':
    app.run_server(debug=True)

adithya791 · March 23, 2018, 4:31pm

Hi GwendalD, Thank you very much. This is the tutorial I was trying: https://dash.plot.ly/getting-started

I did try it with app yesterday and it didn’t work but somehow when I copied your code here, it’s doing fine. But now I am getting ‘* Restarting with stat’ and then that’s it. Doesn’t show or do anything. Did I miss any installation?

GwendalD · March 23, 2018, 5:23pm

Hi, you’re welcome

Ok, so you miss copy the tutorial. Furthermore, you mixed different tutorial (there is no css related stuff in this tuto).

So, if you do not see anything else in the terminal, it means that everything is fine, and you can go to http://localhost:8050/ and see your app.
This is what your terminal should say:

>>> python3 test.py
 * Running on http://127.0.0.1:8050/ (Press CTRL+C to quit)
 * Restarting with stat

adithya791 · March 23, 2018, 6:01pm

dash.Dash-Not really. That was me misunderstanding a post to try to troubleshoot the given error
‘app.css.config.serve_locally = True’ - This is to try and run it locally in my pc. Is there a way to run this offline and save it in my PC?

amanim · October 13, 2018, 4:00am

hello guys am also trying to get started with dash , have created the file and the code is okay but when i try to run it am getting this error
Traceback (most recent call last):
File “C:\Users\MASELA\Desktop\dash\app.py”, line 31, in
app.run_server(debug=True)
File “C:\Python27\lib\site-packages\dash\dash.py”, line 1058, in run_server
**flask_run_options)
File “C:\Python27\lib\site-packages\flask\app.py”, line 938, in run
cli.show_server_banner(self.env, self.debug, self.name, False)
File “C:\Python27\lib\site-packages\flask\cli.py”, line 629, in show_server_banner
click.echo(message)
File “C:\Python27\lib\site-packages\click\utils.py”, line 218, in echo
file = _default_text_stdout()
File “C:\Python27\lib\site-packages\click_compat.py”, line 675, in func
rv = wrapper_func()
File “C:\Python27\lib\site-packages\click_compat.py”, line 243, in get_text_stdout
rv = _get_windows_console_stream(sys.stdout, encoding, errors)
File “C:\Python27\lib\site-packages\click_winconsole.py”, line 295, in _get_windows_console_stream
func = _stream_factories.get(f.fileno())
UnsupportedOperation: fileno

JmsBlah · February 22, 2019, 1:39am

Hi I am also trying to start with Dash using the same tutorial.

https://dash.plot.ly/getting-started

when running it generates:

Running on http://127.0.0.1:8050/
Debugger PIN: 145-125-455
Running on http://127.0.0.1:8050/
Debugger PIN: 335-555-445

but the it does not loading both in IE and Chrome, the browser keeps “waiting…”

Can anyone help?

eeeeting · March 21, 2019, 1:47pm

Hi, I got this error message when I ran the file with your codes… whats wrong with me?

nedned · March 21, 2019, 1:55pm

That’s normal, not an error message.

Although I have seen people having issues winning from within IDEs before. So if it’s not working, perhaps try running from the command line rather than from Spyder

eeeeting · March 21, 2019, 2:26pm

I ran it in Anaconda prompt and got this

and then even if I changed some details in app.py. Nothing will be changed in the output. Why?

nedned · March 21, 2019, 2:49pm

Dash runs as a web app, so you now need to open up the address http://127.0.0.1:8050 in a browser running on the same machine.

Soerendip · May 8, 2019, 7:41pm

I have the same issue. The browser cannot load the URL. It is just loading forever.

hafez · March 18, 2020, 12:34pm

not working
Running on http://127.0.0.1:8050/
Running on http://127.0.0.1:8050/
Running on http://127.0.0.1:8050/
Running on http://127.0.0.1:8050/
Debugger PIN: 433-951-773
Debugger PIN: 433-951-773
Debugger PIN: 433-951-773
Debugger PIN: 433-951-773

Serving Flask app “main” (lazy loading)
Environment: production
WARNING: This is a development server. Do not use it in a production deployment.
Use a production WSGI server instead.
Debug mode: on
An exception has occurred, use %tb to see the full traceback.

SystemExit: 1

chriddyp · March 18, 2020, 3:02pm

try setting app.run_server(debug=False)

bparikh99 · April 27, 2020, 11:09am

Thats Work!! Thanks @chriddyp

Topic		Replies	Views
AttributeError: partially initialized module 'dash_html_components' has no attribute 'Div' (most likely due to a circular import) Dash Python	0	1140	August 5, 2020
Dash - 'Error loading layout' Dash Python	14	23358	March 24, 2022
Simplest Example of Dash working with Flask Dash Python	0	414	November 14, 2019
Dash showing blank page Dash Python	8	7070	September 11, 2019
Got "No module named 'dash_html_components'" although it is installed Dash Python	3	5532	January 16, 2022

Not able to start with Dash

Related Topics