Rails 5,javascript未在生产中加载
在我的应用程序中,我使用了bootstrap主题(gentelella),在我的一个页面中,我有一个Moris图,它在开发evniromet中工作得非常完美,但在生产(heroku)中却不起作用 控制台中的错误如下所示: **未捕获引用错误:未定义Morris ** 看起来Moris图的js(脚本包含在gentelella中)没有加载,但其他一切都正常 我的图形的代码:Rails 5,javascript未在生产中加载,javascript,ruby-on-rails,twitter-bootstrap,heroku,Javascript,Ruby On Rails,Twitter Bootstrap,Heroku,在我的应用程序中,我使用了bootstrap主题(gentelella),在我的一个页面中,我有一个Moris图,它在开发evniromet中工作得非常完美,但在生产(heroku)中却不起作用 控制台中的错误如下所示: **未捕获引用错误:未定义Morris ** 看起来Moris图的js(脚本包含在gentelella中)没有加载,但其他一切都正常 我的图形的代码: <div id="graph_line"></div> <script type="
<div id="graph_line"></div>
<script type="text/javascript">
new Morris.Line({
element: 'graph_line',
data: [
{Date: 'mydate1', y: myvalue1},
{Date: 'mydate2', y: myvalue2},
{Date: 'mydate3', y: myvalue3}
],
xkey: 'Date',
ykeys: ['y'],
labels: ['Y'],
hideHover: 'auto',
lineColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
resize: true
});
</script>
在heroku日志中,我有一个错误:
资产管道中不存在资产“application.css”
应用程序没有运行,但运行时没有上述行
你知道为什么我的图形在生产中不起作用,为什么heroku看不到我的application.css吗
p.S在我的资产中有application.scs而不是application.css,这会导致问题吗?但我需要文件是.scss
My application.js:
//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require jquery.remotipart
//= require pnotify
//= require unobtrusive_flash
//= require flashes
//= require gentelella
//= require gentelella-custom
//= require_tree .
morris脚本在gentelella-custom.js中初始化(init_morris_charts();)
还有我的application.html.erb
<%= csrf_meta_tags %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
更新代码以获得调试器引用:
在带有以下内容的行之前:新建Morris.line({
),然后打开您喜爱的浏览器,切换到调试器窗口,您将在其中有一个断点。
这将帮助您查看Morris是否在该时间点加载。您需要显示更多的源代码。当我们需要查看您在何处包括/导入
Morris
、您的视图/部分、application.js
等内容时,您只显示实际调用Morris
的位置。当然,我会更新我的问题。在正在加载的资源中搜索Morris
。这将帮助您进行调试。
<%= csrf_meta_tags %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>