Ruby on rails D3/Nivo无法在rails应用程序中渲染
我正在开发一个功能，用Nivo/D3替换Flash仪表板。我成功地构建了仪表板，并将其作为要导入的React组件。react组件甚至会加载到浏览器中，但不会在页面上呈现 我已经验证了我的组件是正确构建的，并且我能够自己在html页面中运行它。我试图放入的页面是.html.erb文件类型。我确实尝试过将ruby标记更改为HTML，但没有成功。一种理论是，我需要在这里删除JS原型的重复行Ruby on rails D3/Nivo无法在rails应用程序中渲染,ruby-on-rails,ruby,reactjs,d3.js,activescaffold,Ruby On Rails,Ruby,Reactjs,D3.js,Activescaffold,我正在开发一个功能，用Nivo/D3替换Flash仪表板。我成功地构建了仪表板，并将其作为要导入的React组件。react组件甚至会加载到浏览器中，但不会在页面上呈现 我已经验证了我的组件是正确构建的，并且我能够自己在html页面中运行它。我试图放入的页面是.html.erb文件类型。我确实尝试过将ruby标记更改为HTML，但没有成功。一种理论是，我需要在这里删除JS原型的重复行 <script type="text/javascript"> </script>
<script type="text/javascript"> </script>
<script src="/javascripts/prototype.js?1557137208" type="text/javascript"></script>
<script src="/javascripts/prototype.js?1557137208" type="text/javascript"></script>
<script src="/javascripts/effects.js?1557137208" type="text/javascript"></script>
<script src="/javascripts/dragdrop.js?1557137208" type="text/javascript"></script>
<script src="/javascripts/controls.js?1557137208" type="text/javascript"></script>
<script src="/javascripts/application.js?1557137208" type="text/javascript"></script>
<script src="/javascripts/active_scaffold/default/active_scaffold.js?1565285086" type="text/javascript"></script>
<script src="/javascripts/active_scaffold/default/dhtml_history.js?1565285086" type="text/javascript"></script>
<script src="/javascripts/active_scaffold/default/form_enhancements.js?1565285086" type="text/javascript"></script>
<script src="/javascripts/active_scaffold/default/rico_corner.js?1565285086" type="text/javascript"></script>
<link href="/stylesheets/active_scaffold/default/stylesheet.css?1565285086" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/active_scaffold/default/export-stylesheet.css?1565285086" media="screen" rel="stylesheet" type="text/css" />
<!--[if IE]><link href="/stylesheets/active_scaffold/default/stylesheet-ie.css?1565285086" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/active_scaffold/default/export-stylesheet-ie.css?1565285086" media="screen" rel="stylesheet" type="text/css" /><![endif]-->
index.esm.js:214 Uncaught TypeError: h(...) is not a function
at Object.<anonymous> (index.esm.js:214)
at n (ResizeObserver.es.js:928)
at Object.<anonymous> (index.esm.js:214)
at n (ResizeObserver.es.js:928)
at Object.<anonymous> (index.esm.js:214)
at n (ResizeObserver.es.js:928)
at Object.<anonymous> (index.esm.js:214)
at n (ResizeObserver.es.js:928)
at Module.<anonymous> (index.esm.js:214)
at n (ResizeObserver.es.js:928)
index.esm.js:214未捕获类型错误：h（…）不是函数
反对。（index.esm.js:214）
at n（ResizeObserver.es.js:928）
反对。（index.esm.js:214）
at n（ResizeObserver.es.js:928）
反对。（index.esm.js:214）
at n（ResizeObserver.es.js:928）
反对。（index.esm.js:214）
at n（ResizeObserver.es.js:928）
在模块上。（index.esm.js:214）
at n（ResizeObserver.es.js:928）