Tag: javascript

无法在我的Rails5应用程序中使用vue组件: 我是vue.js和webpack配置的新手。我可以在app/javascript/packs/somecode.js使用Vue实例。但我无法渲染*.vue文件。如果我将任何*.vue文件添加到app/javascript/packs/components/目录，它说 “模块构建失败：ReferenceError：[BABEL]此错误的常见原因是存在没有相应预设名称的配置选项对象。” 但我没有创建任何新选项。环境 ruby ruby 2.4.3p205 (2017-12-14 revision 61247) [x86_64-darwin16] 轨道 5.1.0 app.vue export default { data: function () { return { message: “Hello Vue!” } } } 我的chrome浏览器中的console.log ERROR in ./node_modules/babel-loader/lib??ref–1-0!./node_modules/vue-loader/lib??vue-loader-options!./app/javascript/packs/app.vue?vue&type=script&lang=js Module build failed: ReferenceError: [BABEL] /Users/shiho/dev/appname/app/javascript/packs/app.vue: Unknown option: base.omit. Check out http://babeljs.io/docs/usage/options/ for more information about options. A […]

rails没有在app / assets / javascripts下注册javascript文件: 我目前正在尝试将d3与我的rails应用程序集成。在安装了d3-rails gem后，我在d3上看到了这个教程。在本教程的某处，提供了以下代码 .chart div { font: 10px sans-serif; background-color: steelblue; text-align: right; padding: 3px; margin: 1px; color: white; } var data = [4, 8, 15, 16, 23, 42]; var x = d3.scale.linear() .domain([0, d3.max(data)]) .range([0, 420]); d3.select(“.chart”) .selectAll(“div”) .data(data) .enter().append(“div”) .style(“width”, function(d) { return x(d) + “px”; }) .text(function(d) { return d; […]

Highcharts，Rails – 设置图形起点的方法？: 在我的图表上，我试图更改图表的起点，但不起作用： series: [{ name: ‘Difficulty’, connectNulls:true, color: ‘#FF0000’, pointInterval: , pointStart: , data: [ current_user.school_user.id).order(‘updated_at ASC’).each do | homework_student| %> [Date.parse(), ], ] }, 我的图表有效，但忽略了pointStart。如上所述我试图在我的表中使用updated_at属性。我知道上面的代码可能不是用Highcharts获取和呈现数据的理想方式，所以欢迎任何建议来清理它。为了让pointStart工作，我需要做些什么改变？谢谢

Ember Data属于协会（JSON格式？）: 我有两个模型’作者’和’发布者’（Rails），发布者有一个作者/作者所属的发布者关系。我正确设置了Ember模型 – JS Fiddle – 以及当我手动推入商店时的关联。但是，在请求/发布者索引时，只会创建发布者记录。我尝试了几种类型的JSON响应：出版商与作者 { “publishers”: [ { “id”: 1, “name”: “Test P 1”, “author”: 1 } ], “author”: { “id”: 1, “name”: “Test A 1”, “publisher”: 1 } } 有作者的出版商 { “publishers”: [ { “id”: 1, “name”: “Test P 1”, “author”: 1 } ], “authors”: [{ “id”: 1, […]

在Spree Store中添加Braintree Drop-in UI时，选择付款方式时出现问题: 当客户选择Braintree作为付款方式时，我正在尝试实施扩展以适应braintree的插入式UI。如果我将braintree js代码添加到_gateway.html.erb中，那么所有其他付款方式都会停止工作。如果我选择除braintree之外的任何其他方法并单击“保存并继续”，则没有任何反应。 “保存并继续”按钮被禁用。我已经覆盖了spree / frontend / app / views / spree / checkout / _gateway.html.erb。 ‘credit-card-image’, :class => ‘pull-right’, :width => ‘170’, :height => ’28’ %> * ‘form-control required’} %> * ‘off’} : {} %> ‘card_number’, :class => ‘form-control required cardNumber’, :size => 19, :maxlength => 19, :autocomplete => “off”) %> […]

React-Rails – 入门问题: 我正在试图弄清楚如何在我的Rails 5 gem中使用react-rails。目前，我正在尝试按照本文中的教程进行操作。 https://medium.com/technically-speaking/isomorphic-reactjs-app-with-ruby-on-rails-part-1-server-side-rendering-8438bbb1ea1c#.iwd44r60v 我目前无法获取要呈现的页面。我使用app_roles而不是post，但除此之外我还按照教程中显示的步骤操作。我的app / assets / javascripts / components文件夹中有两个文件。 app_role.js.jsx有： var AppRole = React.createClass({ render: function() { return ( ); } }); var AppRoleHeader = React.createClass({ render: function() { return ( {this.props.app_role.title} By {this.props.app_role.title} – {this.props.app_role.created_at} ); } }); var AppRoleContent = React.createClass({ render: function() { return ( {this.props.app_role.display_name} ); […]

客户端数据存储: 我有以下情况：用户提交表单，我通过Ajax请求从服务器获取数据并显示图表。但是，我想让用户选择以表格forms显示图表中的数据，或者在提交表单后导出为csv。我想知道什么是存储数据的最佳解决方案，考虑到如果用户打开一个新窗口再次提交表单，我不希望数据持续存在。该应用程序在Rails中。谢谢。

试图将bootstrap-datepicker放入我的rails项目中: http://www.eyecon.ro/bootstrap-datepicker/我试图将datepicker放入我的rails项目中。这里没有弹出日期。我按照指令使用javascripts n但它没有弹出日期选择器。这是我的application.js文件 //= require bootstrap-datepicker $(‘#dp5’).datepicker() 对于我的视图文件

从ajax调用重定向主窗口: 我有一个ajax调用控制器来检查身份validation，当没有身份validation时，它会将调用发送到signin控制器，该控制器检查它是否是xhr请求。如果是，它将包含page.redirect_to的rjs呈现到signin路径，并且主窗口被重定向到signin页面。这在谷歌浏览器中完美无缺，但在Firefox中失败。 rjs文件中唯一的代码是： page.redirect_to(“http://localhost:3000/signin”) 正如我所说，它在chrome中完美运行但Firefox（v3.6）拒绝重定向主窗口。有没有人对如何在Firefox中使用它有任何想法？

Ruby on Rails：如何从记录生成数组以在Highcharts中显示？: 我需要将数据集显示为Highcharts柱形图。我不知道如何将数据传递给Highcharts的Javascript方法以显示我当天的业务流程分数。数据集是在我的BusinessProcess控制器中构建的： @business_process_history = DmMeasure.where(“period_id between ? and ? and ODQ_object_id = ?”, first_period_id, current_period_id, “BP-#{@business_process.id}”).select(“period_day, score”).order(“period_id”) 这给出了预期的2个字段，10个记录结果，并且将完美地显示在HTML表中。更新：多巴哥的建议给出了预期的arrays数组， [[“20140820”, #], …] 但问题没有解决。这是函数调用，包括多巴哥的建议： $(function () { $(‘#measures’).highcharts({ chart: {type: ‘column’}, title: {text: ‘Data quality trend’}, xAxis: { title: {text: ‘Time’} }, yAxis: { title: {text: ‘Score’} }, series: [{ data: }] }); […]