Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/64.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
rails javascript资产冲突_Javascript_Ruby On Rails_Asset Pipeline_Lazy High Charts_Bootstrap Wysihtml5 - Fatal编程技术网

rails javascript资产冲突

rails javascript资产冲突,javascript,ruby-on-rails,asset-pipeline,lazy-high-charts,bootstrap-wysihtml5,Javascript,Ruby On Rails,Asset Pipeline,Lazy High Charts,Bootstrap Wysihtml5,目前我使用两个gems,它们提供javascript资产。这两种资产相互冲突 在我的情况下,它是宝石和宝石 在我当前的项目中,我有两个。首先,我只有一些文本框的bootstrap-wysihtml5-rails gem。昨天,我在我的项目中添加了lazy_high_charts gem作为仪表板 我在应用程序中的多个位置都有所见即所得文本框。对于仪表板,我创建了一个带有索引操作的新控制器仪表板 在我添加lazy_high_charts_gem并在application.js manifest文件

目前我使用两个gems,它们提供javascript资产。这两种资产相互冲突

在我的情况下,它是宝石和宝石

在我当前的项目中,我有两个。首先,我只有一些文本框的bootstrap-wysihtml5-rails gem。昨天,我在我的项目中添加了lazy_high_charts gem作为仪表板

我在应用程序中的多个位置都有所见即所得文本框。对于仪表板,我创建了一个带有索引操作的新控制器仪表板

在我添加lazy_high_charts_gem并在application.js manifest文件中需要javascript文件之后,整个项目中文本框中的所有wysiwyg编辑器都消失了。一旦我从application.js文件中删除了lazy_high_charts javascript需求,wysiwyg编辑器就回来了

第一次尝试 我第一次尝试解决这个问题是将javascript需求的顺序从:

application.js

//= require bootstrap-wysihtml5
//= require bootstrap-wysihtml5/locales/de-DE
//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock
//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock
//= require bootstrap-wysihtml5
//= require bootstrap-wysihtml5/locales/de-DE
//= require bootstrap-wysihtml5
//= require bootstrap-wysihtml5/locales/de-DE
//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock
致: application.js

//= require bootstrap-wysihtml5
//= require bootstrap-wysihtml5/locales/de-DE
//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock
//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock
//= require bootstrap-wysihtml5
//= require bootstrap-wysihtml5/locales/de-DE
//= require bootstrap-wysihtml5
//= require bootstrap-wysihtml5/locales/de-DE
//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock
但这并没有改变什么

第二次尝试

我第二次尝试修复这个问题是需要dashboard.js文件中的lazy_high_charts javascript文件

application.js

//= require bootstrap-wysihtml5
//= require bootstrap-wysihtml5/locales/de-DE
//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock
//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock
//= require bootstrap-wysihtml5
//= require bootstrap-wysihtml5/locales/de-DE
//= require bootstrap-wysihtml5
//= require bootstrap-wysihtml5/locales/de-DE
//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock
dashboard.js

//= require bootstrap-wysihtml5
//= require bootstrap-wysihtml5/locales/de-DE
//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock
//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock
//= require bootstrap-wysihtml5
//= require bootstrap-wysihtml5/locales/de-DE
//= require bootstrap-wysihtml5
//= require bootstrap-wysihtml5/locales/de-DE
//= require highcharts/highcharts                                                           
//= require highcharts/highcharts-more                                                         
//= require highcharts/highstock
但这次尝试的问题是,在预编译所有资产后,javascript文件被编译成一个大javascript文件,我的wysiwyg编辑器再次停止

我的第三个想法如下: 对于我的仪表板,我可以为我的仪表板控制器创建自己的资产文件夹和清单文件。在它的javascript清单中,我可能需要lazy_high_图表javascript文件。在我的dashboard/index.html.erb视图文件的底部,我可以加载javascript清单

<%= javascript_include_tag "dashboard" %>

这将解决目前的问题。但是,当我需要一个带有high charts图形和wysiwyg文本框的视图时,我又遇到了同样的问题

因此,我问我是否有更好的解决方案来停止这两个gem之间的冲突,并允许我在同一视图中使用这两个gem。

我使用与引导非常相似的完整版本,我没有发现任何兼容性问题


也许不是你想要的答案,但也许是个不错的选择

尽量说清楚一点。看起来你写这篇文章很匆忙,而且有点漫无边际。当人们很难理解你的“问题”时,他们很难帮助你。很抱歉,我不够清楚。我改变了我的问题,希望它现在更清楚。我的英语不是最好的,我认为这是更多的问题。现在清楚了吗?