javascript - rails 5.1.4 : Third-party assets in/vendor wont show in view

Question

我正在尝试运行一个简单的 Rails (-v 5.1.4) 应用程序，该应用程序实现了 amcharts 库附带的示例之一。

这是所做的工作:

• 创建/app/assets/javascripts/amcharts文件夹
• 将第三方内容复制到 /app/assets/javascripts/amcharts
• 添加//= require amcharts至/app/assets/javascripts/application.js

我运行 Rails 服务器，并且根据观看原始独立 html View ，图表按预期显示。因此我假设编辑后的代码工作正常。

以下是不起作用的内容:

• 创建/vendor/assets(/javascripts)/amcharts文件夹
• 将第三方内容复制到 /vendor/assets(/javascripts)/amcharts
• 添加//= require amcharts至/app/assets/javascripts/application.js
• 添加config.assets.paths << Rails.root.join('vendor/assets(/javascripts)/amcharts')至config/application.rb
• 添加相对路径 ../../../vendor/assets(/javascripts)/amcharts/$name$.js至app/assets/application.js

当我运行 Rails 服务器时，没有给出错误，但应用程序显示空白页面而不是图表，页面的源代码按预期显示我的 View 文件的代码。

因为我各自的 View 称为amcharts.html.erb我有一个amcharts.coffee -我的app/assets/javascripts/中的文件-文件夹。难道链轮错误地认为这是它需要的文件吗？

我还想知道 app/config/manifest.js 是什么？是为了.所有与 list 相关的更改似乎都是在 app/assets/javascript/application.js 中进行的无论如何都要文件...

编辑:我的 View 文件的缩短版本 app/views/amcharts/index.html.erb (amcharts lib 中示例的修改代码)

<div id="chartdiv" style="width: 100%; height: 400px;"></div>
<script type="text/javascript">
var chart;
var chartData = [ { $data } ];
AmCharts.ready(function () { 
  chart = new AmCharts.AmSerialChart();
  chart.dataProvider = chartData;
  $AmCharts.funs
  chart.write("chartdiv");
});
</script>

Answer 1

我有机会与专业人士共享我的文件，他解决了问题。要走的路是:

• 安装 gems“amcharts-rails”、“rails-assets-amcharts3”
• 添加 //= 需要 amcharts3，//= 需要 amcharts3/serial 到 app/assets/javascripts/application.js

我仍然想知道如何包含来自 vendor/ Assets 的第三方内容。但由于现在整个事情正在运行，没有文件位于错误的文件夹中，因此我将其标记为已回答。感谢所有试图提供帮助的人!