"Ошибка загрузки зависимостей" при использовании некоторых элементов dcc в корпоративных IE и Chrome

Question

Я получаю сообщение об ошибке "Ошибка загрузки зависимостей" в установленном компанией Internet Explorer 11 и Chrome 51, но не в обновленном Chrome, который я установил самостоятельно. Кроме того, если я открою инструменты разработчика, Internet Explorer будет работать нормально.

Консоль IE предоставляет следующие сообщения об ошибках

HTML1300: Navigation occurred.
supplier
This browser lacks typed array (Uint8Array) support which is required by `buffer` v5.x. Use `buffer` v4.x if you require old browser support.

SCRIPT5009: 'Uint8ClampedArray' is undefined
plotly-1.35.2.min.js (7,1186569)

SCRIPT5009: 'Set' is undefined
bundle.js (21,23784)

Error: dash_core_components was not found.
   {
      [functions]: ,
      description: "dash_core_components was not found.",
      message: "dash_core_components was not found.",
      name: "Error",
      stack: "Error: dash_core_components was not found.
   at e.default.resolve (http://<url>:8080/supplier/_dash-component-suites/dash_renderer/bundle.js?v=0.11.3:9:28196)
   at s (http://<url>:8080/supplier/_dash-component-suites/dash_renderer/bundle.js?v=0.11.3:9:16176)
   at s (http://<url>:8080/supplier/_dash-component-suites/dash_renderer/bundle.js?v=0.11.3:9:15719)
   at value (http://<url>:8080/supplier/_dash-component-suites/dash_renderer/bundle.js?v=0.11.3:9:16980)
   at b._renderValidatedComponentWithoutOwnerOrContext (http://<url>:8080/supplier/_dash-component-suites/dash_renderer/[e-mail]?v=0.11.3:13:10739)
   at b._renderValidatedComponent (http://<url>:8080/supplier/_dash-component-suites/dash_renderer/[e-mail]?v=0.11.3:13:10870)
   at b.performInitialMount (http://<url>:"
   }

Unhandled promise rejection TypeError: Unable to get property 'find' of undefined or null reference
   "Unhandled promise rejection"
   {
      [functions]: ,
      description: "Unable to get property 'find' of undefined or null reference",
      message: "Unable to get property 'find' of undefined or null reference",
      name: "TypeError",
      number: -2146823281,
      stack: "TypeError: Unable to get property 'find' of undefined or null reference
   at l (http://<url>:8080/supplier/_dash-component-suites/dash_renderer/bundle.js?v=0.11.3:1:29665)
   at Anonymous function (http://<url>:8080/supplier/_dash-component-suites/dash_renderer/bundle.js?v=0.11.3:1:29458)
   at Anonymous function (http://<url>:8080/supplier/_dash-component-suites/dash_renderer/bundle.js?v=0.11.3:29:941)
   at f.dispatch (http://<url>:8080/supplier/_dash-component-suites/dash_renderer/bundle.js?v=0.11.3:29:1326)
   at Anonymous function (http://<url>:8080/supplier/_dash-component-suites/dash_renderer/bundle.js?v=0.11.3:1:30985)
   at u (http://<url>:8080/supplier/_dash-component-suites/dash_renderer/bundle.js?v=0.11.3:15:22048)
   at Anonymous function (http://<url>:8080/supplier/_dash-component-suites/"
   }

Вот урезанная версия моего приложения, которое выдает ту же ошибку. tool моя посылка, в которой есть экземпляр фляги

import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objs as go
import pandas as pd
from functools import partial
import datetime as dt

from tool import server, session, blu, cache, CACHE_TIMEOUT

app_tst = dash.Dash(__name__, server=server, url_base_pathname='/ie_test/')
app_tst.css.config.serve_locally = True
app_tst.scripts.config.serve_locally = True

app_tst.layout = html.Div([
    "hi!",
    dcc.Dropdown(
        id='tstdropdown',
        options=[{'label': str(x+1), 'value': str(x)} for x in range(10)],
        placeholder='Dropdown test'
    ),
    dcc.RadioItems(
        options=[
            {'label': '1', 'value': '1'},
            {'label': '2', 'value': '2'},
            {'label': '3', 'value': '3'},
        ],
        value='3',
        id='radiotest'
    ),
    dcc.RangeSlider(
        id='rangetest',
        min=0,
        max=10,
        marks=[str(x) for x in range(11)],
        pushable=0,
        value=5
    ),
    dcc.Graph(
        id='graphtest',
        figure={}
    )
])

Когда я удалил оба dcc.Graph а также dcc.RangeSlider, приложение работает нормально. Используя либо dcc.Graph или же dcc.RangeSlider сами по себе также произвели "error loading dependencies" проблема.

Я пробовал следующее:

• добавление 'IE=edge' к моим заголовкам в колбе
• обслуживать сценарии локально с app_vndr.css.config.serve_locally = True а также app_vndr.scripts.config.serve_locally = True и функция фляги, которая направляет /static/path:path/ в правильные файлы.
• погрузка babel.jsПолифилл. Похоже, Plotly уже делает это, так как я получил you can only have one instance of babel.js сообщение.

Что я должен смотреть, чтобы это исправить? Я чувствую, что упускаю что-то глупое, но я не уверен, что проверить или попробовать.

Answer 1

После разговора с модом на сюжетных форумах, следующие шаги решили проблему:

• обновить с dash-core-components==0.21.0 в dash-core-components==0.22.1
• предоставить актуальную информацию о фигуре

Без заполненного словаря для figure={...}, проблема все еще сохраняется.

import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objs as go
import pandas as pd
from functools import partial
import datetime as dt

from SupplyChainReportingTool import server, session, blu, cache, CACHE_TIMEOUT
app_tst = dash.Dash(__name__, server=server, url_base_pathname='/ie_test/')
app_tst.css.config.serve_locally = True
app_tst.scripts.config.serve_locally = True

layout = go.Layout(
    yaxis=dict(title='Count',range=[0, 100],fixedrange=True,side='right',zeroline=False,showgrid=False),
    yaxis2=dict(title='percent',range=[0, 1],fixedrange=True,side='left',overlaying='y')
)
data = [go.Scatter(x=[],y=[],name='Data',mode='lines+markers')]

app_tst.layout = html.Div([
    dcc.Graph(
        id='graphtest',
        figure={'data': data, 'layout': layout}
    )
])

С этим работает, мне все еще нужно вернуться к dash-core-components==0.21.0 чтобы увидеть, действительно ли это было проблемой.