Chrome浏览器运行Plotly Dash代码时加载依赖失败求助

Hey there, let’s walk through the most common fixes for this frustrating error—you’ll have your Dash app running smoothly in no time!

1. Swap Out Deprecated Components #

The dash_core_components and dash_html_components packages are no longer supported. Dash now includes these tools directly in the main library. Update your imports to use the modern syntax:

import dash
from dash import dcc, html  # This replaces the old separate packages
import plotly.graph_objs as go
import pandas as pd

df = pd.read_excel("https://github.com/chris1...")  # Keep your existing data load line

# Rest of your app code stays mostly the same—just use dcc. and html. for components

2. Update Your Dash Packages #

Outdated versions of Dash or its dependencies are a frequent culprit. Open your command prompt and run these commands to bring everything up to speed:

pip install --upgrade dash pandas plotly

3. Clear Browser Cache or Test in Incognito Mode #

Sometimes your browser hangs onto old versions of Dash’s JavaScript files. Try:

• Opening the URL in Chrome’s incognito window (Ctrl+Shift+N)
• Clearing your browser cache (Ctrl+Shift+Delete, select "Cached images and files," then hit clear)

4. Check for Firewall/Antivirus Interference #

Rarely, your firewall or antivirus might block Dash from loading its required files. Temporarily disable them (just for testing!) to see if that fixes the issue. If it does, add an exception for your Python process or the Dash app port.

5. Test with a Minimal Working App #

To rule out issues in your original code, run this simple test app first. If it works, the problem was in your app’s structure or data loading:

import dash
from dash import dcc, html

app = dash.Dash(__name__)

app.layout = html.Div([
    html.H1("Hello Dash!"),
    dcc.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': 'Montreal'},
            ],
            'layout': {'title': 'Dash Test'}
        }
    )
])

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

Give these steps a shot—you’ll be viewing your Dash app in the browser before you know it!

内容的提问来源于stack exchange，提问作者nayant