Chartkick“找不到类型为‘application/javascript’的文件'chartkick‘”错误
Chartkick是一个用于生成漂亮、交互式图表的JavaScript库。它可以与各种前端框架（如React、Vue等）和后端语言（如Ruby、Python等）配合使用。
根据错误信息“找不到类型为‘application/javascript’的文件'chartkick'”，这个错误通常是由于无法找到Chartkick的JavaScript文件而导致的。解决这个问题的方法如下：
- 确保你已经正确地引入了Chartkick的JavaScript文件。你可以通过在HTML文件中添加以下代码来引入Chartkick的JavaScript文件：
<script src="https://cdn.jsdelivr.net/chartkick/2.3.0/chartkick.min.js"></script>请注意，这里使用的是Chartkick的CDN链接，你也可以将该文件下载到本地并引入。
- 确保你的文件路径是正确的。检查你的HTML文件中引入Chartkick的代码行，确保文件路径是正确的。如果你将Chartkick的JavaScript文件下载到本地，确保文件路径与你的项目结构相匹配。
- 检查网络连接。如果你使用的是CDN链接来引入Chartkick的JavaScript文件，确保你的网络连接正常，能够访问该链接。
- 检查文件扩展名。确保你的HTML文件中引入Chartkick的代码行中，文件扩展名为
.js。
如果你按照上述步骤检查并仍然遇到问题，建议查看Chartkick的官方文档或寻求Chartkick相关的技术支持。
相关·内容
我使用的是rails 5.1.6，在网站上，它告诉用户如何下载和使用chartkick。所以我捆绑安装了gem " chartkick "，然后因为我使用的是rails 5.1.6，所以我在app/assets/javascripts/application.js中添加了//= require //= require Chart.bundle。
Gemfile.lock
chartkick (3.2.1)
app/assets/javascripts/application.js
//= require chartkick
//= require Chart.bundle
当我
浏览 9提问于2019-08-03得票数 1
你好，我在我的rails应用程序中使用Chartkick加载图表。
但是我一直在获取错误加载图表:没有找到适配器
我的application.html.erb
<%= stylesheet_link_tag 'application', media: 'all' %>
<%= javascript_include_tag "path/to/highcharts.js", "chartkick" %>
<%= javascript_include_tag 'appli
浏览 1提问于2014-11-10得票数 0
回答已采纳
我正在尝试使用chartkick gem在Rails6中制作一些简单的图表。我严格遵循chartkick.com上的快速入门，但我无法加载图形。我一直在我的浏览器中收到错误消息“未捕获ReferenceError:未定义Chartkick”。 我安装了宝石。我运行了yarn add chartkick chart.js 这是我的完整application.js文件 require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
r
浏览 17提问于2020-09-23得票数 0
回答已采纳
在wicked-pdf中使用chartkick。
app/layout/pdf.html.erb
<!doctype html>
<html>
<head>
<meta charset='utf-8' />
<%= wicked_pdf_stylesheet_link_tag 'application', media: 'all' %>
<%= wicked_pdf_javascript_include_tag 'application', 'data
浏览 0提问于2016-02-23得票数 1
在我的rails api-only应用程序中集成chartkick gem时，文档指出需要在application.js文件中像这样改进js。该应用程序是一个纯api的应用程序，没有application.js文件。 //= require Chart.bundle
//= require chartkick 在没有application.js文件的情况下，如何要求chartkick与activeadmin一起使用？
浏览 8提问于2019-03-06得票数 1
我正在使用Rails中的Chartkick通过Google的API生成图表。它在我的开发系统上运行得很好，但是生活在Heroku Chartkick上提供了以下错误消息：
Error Loading Chart: No adapter found
在app/views/layouts/application.rb中，我有以下内容：
<%= javascript_include_tag "http://www.google.com/jsapi", "chartkick" %>
我尝试过用config/application.rb打开config.ser
浏览 1提问于2015-08-21得票数 0
回答已采纳
我有一个Rails 3.2.14应用程序，我正在使用chartkick和groupdate gem来生成一些基本图表。
加载视图时，会得到错误：Error Loading Chart: No adapter found
下面是我的视图代码：
index.html.erb
<%= line_chart Call.group_by_week(:created_at).count %>
下面是我的应用程序布局，包括图表和生成chart_js application.html.erb (布局)
<%= javascript_include_tag "application&
浏览 8提问于2014-10-10得票数 7
回答已采纳
我使用的是chartick2.2.5 on Rails，但我无法在视图上显示图形。我按照文档中的安装过程进行了操作，但图形似乎仍未加载。这是我拥有的文件：
application.js
//= require jquery
//= require rails-ujs
//= require bootstrap-sprockets
.
.
.
//= require Chart.bundle
//= require chartkick
//= require turbolinks
//= require jquery.raty
//= require_tree .
application.
浏览 4提问于2018-02-21得票数 0
回答已采纳
我的问题是，无论我怎么尝试，我都被“加载..”所困扰。当我使用chartkick和wicked_pdf时，我应该有图表。 Gemfile gem 'wicked_pdf'
gem 'wkhtmltopdf-binary-edge', '0.12.4.0'
gem 'chartkick' 控制器 respond_to do |format|
format.html
format.pdf do
render pdf: "FILENAME",
template:
浏览 13提问于2019-08-27得票数 1
我正在使用Rails 4
我听从了的指示
在控制器里我有
respond_to do |format|
format.html {render layout:'application'}
format.csv {send_data @testdatares.to_csv}
format.pdf {
html = render_to_string(:layout => 'application
浏览 3提问于2014-10-30得票数 1
回答已采纳
1回答
我使用的是Rails 5.2.4、Gem (3.3.1)和wicked_pdf(1.4.0)。正如许多人所写的，我也不能通过Chartkick和wicked_pdf在pdf上显示饼图，只显示“加载”。图表显示在html上是正确的。
如果有人已经解决了这个问题，请告诉我使用了哪个版本的Chartkick和wicked_pdf？
我试了一下，但没有成功：
box_report.pdf.erb中添加
<%= wicked_pdf_javascript_include_tag "application", "chartkick" %>
添加到控制器中
win
浏览 8提问于2021-06-23得票数 2
我正在以一种标准的方式使用chart kick，就像GitHub指令所规定的那样，它在本地版本中工作。当上传到Heroku时，我的图表在呈现的部分页面上产生错误"ReferenceError: Can't find variable: Chartkick“。
这就是我到目前为止所做的。
gemfile：
gem 'chartkick'
application.js：
//= require Chart.bundle
//= require chartkick
//= require_tree .
我的show视图通过path方法呈现了一个调用控制器操作的部分。
浏览 0提问于2017-11-05得票数 1
1回答
我正在按照google指令构建一个垂直百分比图：
它应该是这样的：
然而，现在的情况是这样的。
我正在使用与谷歌相同的data。
my_graph_controllers
@data = [
['Genre', 'Fantasy & Sci Fi', 'Romance', 'Mystery/Crime', 'General',
'Western', 'Literature', { role: 'annotation&#
浏览 0提问于2019-02-05得票数 2
回答已采纳
我使用的是Rails 4
在这里我注意到一些很难理解的事情
当我使用chartkick时
我都能做到
<%=javascript_include_tag 'chartkick'%>
或
<script type="text/javascript">
#put all chartkick.js content here
</script>
两者都可以工作
但是，如果我这样做
<script type="text/javascript">
<%=IO.read("/usr/loca
浏览 0提问于2014-11-02得票数 0
在阅读之后，我尝试将图表添加到我的网站Gemfile：
...
gem 'chartkick'
...
index.html.erb：
<%= javascript_include_tag "//www.google.com/jsapi", "chartkick" %>
<%= pie_chart({"Football" => 10, "Basketball" => 5}) %>
<h1>Hello, Rails!</h1>
资产/javascript
浏览 5提问于2014-04-23得票数 0
回答已采纳
1回答
我按照https://chartkick.com/上的文档进行了全新的Rails 6安装，但我得到了以下信息： Webpacker can't find chartkick in /home/sbstn/codes/desafio_latam/g24/chart_demo/public/packs/manifest.json. Possible causes:
1. You want to set webpacker.yml value of compile to true for your environment
unless you are using the `webpa
浏览 12提问于2019-10-17得票数 0
当我尝试使用groupdate gem使用Chartkick gem显示图表时，对于一个只有3行的表来说，速度非常慢。这是来自控制台的。加载页面需要22秒！
Tracking Load (1.0ms) SELECT "trackings".* FROM "trackings" WHERE "trackings"."user_id" = $1 AND "trackings"."tracking_category_id" = $2 [["user_id", 1], ["t
浏览 0提问于2015-12-06得票数 1
2回答
我一直在尝试用Active Admin设置Chartkick，以便为用户设置仪表板。我相信我已经根据找到的其他答案正确地设置了所有的东西，但是我不断地得到一个路由错误: ActionController::RoutingError (没有路由匹配获取“/javascripts/chartek.js”)。下面是我的文件的例子。
Gemfile
gem 'chartkick'
active_admin.js.coffee
#= require chartkick
仪表板
h3 'Test' do
@metric = Model.group(:paramete
浏览 8提问于2017-10-25得票数 0
我创建了一个新的rails应用程序并配置了图表，图表在本地加载良好。但是当它被推到heroku的时候它没有装载。
为什么它在开发中加载时没有任何错误，而没有在heroku中加载？有什么线索吗？
Application.js
//= require Chart.bundle
//= require chartkick
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require_tree .
Gemfile
gem 'chartkick'
Applicaion.html.erb
浏览 2提问于2018-08-17得票数 1
回答已采纳
我使用jquery ui datepicker在我的rails应用程序中选择日期。当我在视图页面中直接给出javascript和样式表链接引用时，datepicker正在工作。当我输入application.html.erb文件时，它不工作..
我的application.js
//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require bootstrap
//= require bootstrap-datepicker
我的application.css
*= require jquery-ui-1.
浏览 2提问于2014-11-20得票数 0
我使用的是Rails 4，Wicked_PDF和Chartkick
对于，我使用：
<%= javascript_include_tag "//www.google.com/jsapi"，"chartkik“%>
html视图提供了如预期的图表和所有内容。当我将.pdf添加到url时，pdf文档会显示在浏览器中，但ChartKick图表不会显示。
下面的错误出现在图表的位置：
错误加载图表:没有找到适配器
我在PDFKit文档中找到了以下内容。
PDF中没有包含资源:图片、CSS或JavaScript似乎没有在PDF中正确下载。这是因为wk
浏览 6提问于2014-10-13得票数 4
回答已采纳
1回答
我只是在我的get文件中安装了gem "chartkick"，并复制和粘贴了一些代码来启动这个项目，这就是我在我的观点中所使用的。
<%= pie_chart({"Football" => 10, "Basketball" => 5}) %>
我也包括
<%= javascript_include_tag "path/to/highcharts.js", "chartkick" %>
所以这不是问题，但我一直在犯这个错误
对我做错了什么有什么想法吗？
浏览 3提问于2016-03-31得票数 0
回答已采纳
2回答
图表4和图表
、、、
我似乎不知道Chartkick如何或是否支持表格图表。我试过table_chart，好像我在做任何其他图表，但它没有工作。有人知道chartkick是否支持这个吗？我在文件里找不到。
浏览 3提问于2015-05-21得票数 1
回答已采纳
在我的ROR中，我想将百分比添加到我的分段中，我使用chartkick gem来呈现饼图。我试过各种方法来解决这个问题，但似乎都没有用。我还在谷歌上搜索过，并查看了堆栈溢出的类似帖子。
这是我想出来的，但没有显示%。
<%= pie_chart [["Soccer", @soccer_total], ["Basketball", @basketball_total, ["Baseball", @baseball_total], ["Other", @other_total ]], library: {legend: {
浏览 3提问于2017-09-07得票数 9
我创建了新的rails 7项目rails new my_project，并且遇到了一个问题，要包含要由rails处理的定制JS文件。
我的"javascript/application.js“
import "@hotwired/turbo-rails"
import "controllers"
import "chartkick"
import "Chart.bundle"
import "custom/uni_toggle"
我的自定义JS文件：“javascript/定制/uni_toggle.js
浏览 26提问于2022-01-01得票数 14
我正在尝试将Highcharts添加到我的Rails 4项目中，该项目已经安装了chartkick gem。
当我使用Google图表库时，所有图表似乎都像预期的那样工作。当我添加Highcharts时，我看不到任何图表。
我已经确定了以下内容: 1)如果我在布局页脚中添加了'= javascript_include_tag "components/highcharts.js"，"chartkick“‘，Rails会提示我将此资产也添加为初始值设定项。2)如果我将这个添加到初始化器中，我可以加载页面，但图表不会加载。如果我查看Firebug，我得到一个错误，指出
浏览 1提问于2015-02-26得票数 0
1回答
作为web平台，我对Ruby非常陌生，并通过调整和扩展示例来学习。我喜欢辛纳特拉，我想用它和沙特奎克来显示图表。不幸的是，我在运行最简单的示例时遇到了困难，而且似乎缺少完整的示例(很多“一个行”)。我现在拥有的是：
require 'sinatra'
require 'chartkick'
get '/' do
'<%= javascript_include_tag "//www.google.com/jsapi", "chartkick" %>
<%= pie_chart({"
浏览 2提问于2014-04-23得票数 4
回答已采纳
我正在和Laravel一起使用vue-chartkick。我按照documentation来安装它。 npm install vue-chartkick chart.js 然后，在resources/js/app.js中 import Chartkick from 'vue-chartkick'
import Chart from 'chart.js'
Vue.use(Chartkick.use(Chart))
...
const app = new Vue({
el: '#app',
router: router,
浏览 53提问于2020-07-04得票数 1
回答已采纳
我安装了来自"https://www.npmjs.com/package/vue-chartkick“的chartkick包。然后将其导入到main.ts，但当我在我的组件中包含以下html片段时，我在控制台中得到以下错误：“找不到适用于GeoChart的图表库”谁能帮我解决如何包含GeoChart库的问题吗？我还是找不到解决方案。 //code
<geo-chart
:data="[['United States', 44], ['Germany', 23], ['
浏览 18提问于2020-01-21得票数 0
3回答
对于Laravel应用程序，我有一个简单的.blade.php视图，我试图包含一个JS文件，它位于我的项目中的/public/js目录中。
<!DOCTYPE HTML>
<script src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="{{ URL::asset('js/chartkick.js') }}"></script>
<
浏览 7提问于2017-05-29得票数 1
回答已采纳
我遇到这个问题已经有一段时间了，希望能得到一些帮助。我有一个chartkick问题。我的图表根本不会显示在前端。 我的application.js看起来像 //= require rails-ujs
//= require activestorage
//= require underscore
//= require gmaps/google
//= require icalendar
//= require turbolinks
//= require bootstrap
//= require jquery
//= require jquery_ujs
//= require
浏览 12提问于2020-04-09得票数 0
我的项目进行得很好，我正在调整一个用图表制作的图表，并用ActionCable更新一个HTML标记，突然我收到了这个错误：
ExecJS：：Pages#create_session中的RuntimeError
Showing B:/.../app/views/layouts/application.html.erb where line #7 raised:
SyntaxError: [stdin]:14:32: unexpected end of input
Extracted source (around line #7):
5 <%= csrf_
浏览 5提问于2017-10-29得票数 0
回答已采纳
我在/ plugin /vue-chartkick中创建了vuechartkick插件。 import Vue from 'vue'
import Chartkick from 'vue-chartkick'
import Chart from 'chart.js'
Vue.use(Chartkick.use(Chart)) nuxt模板 <div class="pa-4 pa-md-8">
<div class="border-light pa-4 pa-md-12">
浏览 13提问于2021-02-02得票数 2
我是Rails的新手。我遵循了文档和这个示例：，但是我不能让Chartkick工作。我得到了未定义的方法饼图。我的js如下所示：
//= require chartkick
//= require jsapi
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require_tree .
我尝试在应用程序的kayout和显示页面中都包含javascript_include。<%= javascript_include_tag "//www.googl
浏览 2提问于2013-10-11得票数 2
1回答
为什么x轴是日期
、、
我已经创建了一个自定义散列，但x轴显示为日期。我希望它只显示散列中的值(1,2,3等)。这是我第一次使用chartkick，所以我不知道为什么会发生这种情况。
显示的是值为504的2000年1月1日、值为499的2000年2月1日等等。
当我将@chart_hash设置为数组，而不是哈希(如下所示)时，我得到的是x轴上的时间而不是日期。
application.html.erb
<head>
<title>SampleApp</title>
<%= javascript_include_tag "//www.google.com/jsapi
浏览 1提问于2015-08-10得票数 0
希望这里有人能帮上忙。
我使用的是linux、ruby版本1.8.7和rails版本3.2.21以及红宝石版本2.6.2。
我正在处理安装/运行图表时的错误。
在安装之前，我已经关闭了红矿服务器和
我按照以下步骤安装：
在Gemfile中，将行
gem 'chartkick'
一个已执行的折叠组件来安装此创业板：
bundle install --without production
第一次，似乎安装成功，没有错误的通知。
但是当我运行红矿服务器时，它会显示错误..
参见下面的堆栈跟踪：
# /usr/lib/ruby/gems/1.8/gems/bundler-1.10.1/
浏览 1提问于2016-04-25得票数 0
回答已采纳
2回答
茧(红宝石)不生产
、、、
我目前正在用Rails开发一个应用程序，并试图用cocoon实现嵌套属性:用我当前的配置，它可以在我的本地机器上工作，而不是在我的服务器上生产。我知道为什么它不起作用，但不知道如何解决它。
首先，这是我的清单，包括茧：
application.js
...
//= require cocoon
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require turbolinks
//= require chartkick
//= require_tree .
我在这里看到了问题: Cocoon在j
浏览 0提问于2018-03-11得票数 2
回答已采纳
我的目标是一旦提交了删除操作，图表应该在不刷新页面的情况下更新它的值，下面是我的代码：
在index.html.erb中：
<div class="chart" style="float: right; width: 500px" >
<%= javascript_include_tag "//www.google.com/jsapi", "chartkick" %>
<%= pie_chart current_user.events.group(:app_name).count
浏览 1提问于2015-04-01得票数 0
我正在使用ChartKick的Ruby gem，并试图在顶部(我管理的)显示图例，并垂直显示(我不管理的)项。
图例一直水平显示，这对于移动设备来说是个问题。
我的代码：
<script>
var Chartkick = {"language": "pt"};
</script>
<%= javascript_include_tag "//www.google.com/jsapi", "chartkick" %>
<%= bar_chart metric, library: {co
浏览 1提问于2016-05-26得票数 0
我试图在Rails中使用Chartkick (默认情况下是Chart.js)来呈现基本的线条图。我遵循了安装说明()，并添加了
importmap.jbIn /index.html中添加了<%= javascript_importmap_tags %> ，我在用户/index.html中添加了<%= javascript_importmap_tags%>，我有<%= line_chart User.group_by_day(：created_at)<%=line_chart User.group_by_day(:created_at).count .coun
浏览 4提问于2022-08-23得票数 0
1回答
较新版本的Chartkick有一个下载选项，可以在javascript图表上显示一个按钮，当单击时，将打开一个新的浏览器窗口，并将图表呈现为图像。这太棒了。然而，该方法似乎无助于渲染用作电子邮件附件的图像。除非有一种方法可以在邮件程序中使用chartkick方法调用/呈现图表，获取图像并附加it...As据我所知，此功能是不存在的。 有没有人知道有一种方法可以将chartkick图表作为图像电子邮件附件附加？
浏览 13提问于2019-03-19得票数 0
1回答
图表继续加载
、、
我试着用Chartkick显示一个简单的图表。我已经安装了宝石图表、群日期和active_median。我有一个模型(客户端)，我想在这个图形上进行测试，所以我用这行代码进行了尝试：
<%= line_chart Client.group_by_day(:created_at), id: random_chartkick_id %>
在我的助手中，我有这样的方法来生成图表的随机ID
def random_chartkick_id
return 'chart-#'+(Random.rand(10000)).to_s
end
我正在通过cdn使用google的jsa
浏览 0提问于2017-10-06得票数 0
回答已采纳
我在Ruby on Rails中使用chartkick和chart.js。我看到了文档和一些问题，但我找不到任何东西来解决我的问题。
我在html.erb文件中设置图表，如下所示：
<%=
line_chart $hash_chart,
options: {
max: $value.max+5,
min: $value.min-5,
allowDecimals: false,
colors: color_line,
xtitle: "Ti
浏览 31提问于2021-05-28得票数 0
回答已采纳
1回答
我想用Vue创建一个图表。但是它不能正常工作，而且我遇到了一些错误。错误：
./node_modules/vue-chartkick/dist/vue-chartkick.esm.js 23:13-14在'vue‘@ ./node_modules/vue-chartkick/dist/vue-chartkick.esm.js @ ./src/main.js @ multi (Webpack)-dev-server/client中找不到“export.h”？ webpack/hot/dev-server ./src/main.js
main.js:
import Vue from
浏览 0提问于2021-03-04得票数 1
回答已采纳
我是vue.js的新手，我不确定为什么会出现下面的错误--您的帮助将不胜感激。我认为问题可能出在ChartkickCharts.vue文件中，但不确定-您的建议将非常有帮助
我得到的错误是：
[Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <ChartkickCharts> at src\components\vueChartkick\ChartkickCharts.vue
<App> at src\App.
浏览 1提问于2018-05-29得票数 0
在我的rails项目中安装bootstrap时遇到一些问题。
显示第10行出现的/Users/muhname/Photogur/app/views/layouts/application.html.erb：
找不到类型为'application/javascript‘的文件'bootstrap-sprockets’
我的application.js文件：
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require bootstrap-sprockets
//= require turbo
浏览 2提问于2015-07-13得票数 7
回答已采纳
我有一个Rails 6应用程序。我使用的是select2插件。它在开发中可以工作，但在生产中不能工作(Heroku)。 我跑了 yarn add select2 这是application.js require("@rails/ujs").start()
require("@rails/activestorage").start()
require("channels")
require("jquery")
require("chartkick")
require("chart.js")
requ
浏览 19提问于2020-03-21得票数 1
我正在通过chartkick gem使用chart.js。
= column_chart [{"name":"A","data":[["2016-07-01",1],["2016-08-01",0],["2016-09-01",0]]},{"name":"B","data":[["2016-07-01",1],["2016-08-01",0],["2016-09-01",0]]}], xtitle: &#
浏览 3提问于2016-09-13得票数 3
嗨，我是新来的，我一直被这个javascript问题困住了。我一直在寻找解决办法，但似乎无法使它正常工作。
在我的应用程序/视图/布局/application.html.erb中，我放置了以下内容
<html>
<head>
<title>EUR VS USD</title>
<%= stylesheet_link_tag 'application', media: 'all' %>
<%= javascript_include_tag 'application'
浏览 2提问于2015-05-02得票数 0
回答已采纳
导致ngRouteProvider依赖注入错误的原因是什么？
注意：$location依赖于ngRoute，这就是为什么我需要注入它，而不是真正使用它，而是只使用$location。
我通过以下方式将必要的js文件嵌入我的php文件中：
<script type="application/javascript" src="/library/angularjs/1.2.9/angular.min.js"></script>
<script type="application/javascript" src="/
浏览 4提问于2014-08-27得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
