React- Rails：.js.jsx文件使Rails应用程序崩溃
React-Rails是一个用于在Ruby on Rails应用程序中集成React.js的库。它允许开发人员使用React.js创建可重用的组件，并将它们嵌入到Rails视图中。
当在Rails应用程序中使用React-Rails时，.js.jsx文件可以用于定义React组件。这些文件包含了React组件的代码，可以在Rails视图中使用。然而，如果这些文件包含错误的代码或者与其他组件或库存在冲突，可能会导致Rails应用程序崩溃。
为了解决这个问题，可以采取以下步骤：
- 检查代码错误：首先，检查.js.jsx文件中的代码是否存在语法错误、逻辑错误或其他错误。确保代码正确无误。
- 解决冲突：如果.js.jsx文件与其他组件或库存在冲突，可以尝试解决这些冲突。这可能需要查看错误日志、检查组件之间的依赖关系，并进行必要的调整。
- 更新React-Rails版本：如果问题仍然存在，可以尝试更新React-Rails库的版本。新版本可能修复了一些已知的问题或错误。
- 寻求帮助：如果以上步骤都无法解决问题，可以寻求社区或开发人员的帮助。可以在相关的开发者论坛、社交媒体或GitHub上提问，以获取更多的支持和建议。
总结起来，React-Rails的.js.jsx文件使Rails应用程序崩溃可能是由于代码错误或与其他组件或库的冲突所致。通过检查代码错误、解决冲突、更新库版本和寻求帮助，可以解决这个问题。
相关·内容
我是Rails和ReactJS的新手。
在Windows7上运行的react-rails gem on Rails 5.0.2在渲染一个简单的"Hello World“组件时遇到了很多问题。
如果我在components文件夹中包含一个.js.jsx文件，我的应用程序就会崩溃。有趣的是，如果我将其替换为ReactJS的普通.js版本(不更改其他任何内容)，我的应用程序不会崩溃，组件会呈现在我的页面上。然而，为了学习，我真的很想在我的Rails应用程序中学习使用JSX。
它说我有一个SyntaxError，但这只会让我感到困惑，因为使用常规的JS版本不会抛出这个错误。所以我猜JSX不会被
浏览 31提问于2017-03-12得票数 0
我们有一个rails应用程序。不幸的是，该应用程序适用于本地开发，但部署到heroku时就不行了。当进入应用程序的默认路径时，我们会得到以下错误：ActionView::Template::Error (undefined method 'directory' for #<Sprockets::Manifest:0x007fef13200aa8>)
我们发现它发生在我们认为的这一行：<%= react_component('NavBar', {}, {prerender: true}) %>
关于我们的应用程序的一些事情：
它使用br
浏览 7提问于2016-03-01得票数 1
回答已采纳
3回答
我用webpacker创建了一个示例项目react-rails。但显示错误“未捕获ReferenceError:未定义人员”。请告诉我如何在webpacker中使用react-rails？我执行的处理如下所示。
Rails版本
$ rails -v
Rails 5.0.2
Gem版本
react-rails (2.1.0)
webpacker (1.1)
创建Rails项目
$ rails new example
将webpacker和react-rails添加到Gemfile
gem 'webpacker', github: 'rails/webpacker'
浏览 0提问于2017-04-22得票数 5
我正在使用react-rails gem来集成react和rails，我对如何组织我的代码感到矛盾。
核心html是在html.erb文件中还是在jsx文件中更可取？目前，我基本上把所有的东西都做成了组件。我在html.erb文件中所做的就是使用react_component帮助器调用这些组件。例如，我的个人资料页面有一个ProfileShow.js.jsx文件，编辑帖子页面有一个EditPost.js.jsx。
你有什么建议吗？
浏览 2提问于2015-10-05得票数 5
我有个问题。我正在使用react-rails制作一个表单。我可以在React-Rails中使用<%= tag %>从数据库调用数据吗？
我试过这样的东西，但它不起作用。
<input class="form-control" type="text" name="user[phone]" id="user_phone" defaultValue=<%= user.email %> />
谢谢。
浏览 7提问于2018-02-02得票数 0
我正在尝试将react连接到我的应用程序中。这是一个使用rails-react的rails应用(尽管我不认为这是问题的一部分)。我目前使用的是一个非常简单的1组件设置：
// react_admin.js.jsx
/** @jsx React.DOM */
var CommentBox = React.createClass({
render: function() {
return (
<div className="commentBox">
Hello, world! I am a CommentBox.
<
浏览 0提问于2014-10-29得票数 33
1回答
编辑：在下面详细回答了我自己的问题，所以要积极地编辑这个复古来简化这个问题。
如何将ReactJS包含到Rails引擎中？
如果我直接添加react-rails宝石，就会得到错误
React::ServerRendering::PrerenderError in Blorgh::Dashboards#show
Encountered error "#<ExecJS::ProgramError: TypeError: undefined is not an object (evaluating 'this.ReactRailsUJS.serverRender')&g
浏览 6提问于2017-06-09得票数 3
我一直在和rails-react一起玩，效果很好。最近，我在我的中添加了package.json库。
运行npm install时会出现以下错误
npm WARN EPEERINVALID react-dropzone@3.2.2 requires a peer of react@^0.14.0 but none was installed.
如果我显式地添加了react，它就可以安装所有的东西。
但是，当我进入浏览器时，会发现以下错误：
使用react-rails (1.5.0)和"react-dropzone": "^3.2.2"
浏览 4提问于2015-12-12得票数 0
回答已采纳
我正在尝试构建Noosfero ()，这是一个用Ruby完成的项目，但我在Ruby (我当前的环境)中非常新。我正在遵循他们的教程中的说明(和)。
我应该用很多包运行apt-get安装程序，除了libgettext-ruby-data之外，所有的程序都正常工作，我收到一条消息："E: Package libgettext-ruby-data没有安装候选程序“。
然后下载源代码并尝试运行"rake db:schema:load"，得到以下错误：
未初始化的常数依赖项/home/user/noosfero/Rakefile:10“
我的rake文件如下：
require(F
浏览 4提问于2011-05-24得票数 0
回答已采纳
2回答
我正在使用React-Rails gem并从Rails控制器访问json对象items。
Rails控制器：
class ItemsController < ApplicationController
def index
@items = Item.all
render json: @items
end
end
我的React App组件访问这些项，并尝试将其作为道具传递给子组件：
class App extends React.Component {
constructor(props) {
super(props);
t
浏览 0提问于2016-04-09得票数 0
我有一个rails 6应用程序
gem 'webpacker', '~> 4.0'
gem 'react-rails'
包括在宝石档案里，
我运行过rails webpacker:install:react rails generate react:install和yarn install
我注意到我的javascript/packs文件夹中有一个application.js文件：
// This file is automatically compiled by Webpack, along with any other files
//
浏览 2提问于2020-03-29得票数 0
回答已采纳
我是Ruby on Rails开发的新手。我接到了一个任务，要对另一个ROR开发人员创建的现有Ruby on Rails网站进行一些更改。我的问题是，我如何设置一个本地开发环境，以模仿上一个开发人员使用的环境？应用程序中是否有某些文件可以指导我完成此过程？例如，如何连接到临时数据库，哪个是要运行的正确本地服务器，等等。
几个星期以来，我一直在试图弄清楚这一点。在之前的项目中，我对应用程序进行了更改，然后将其推送到heroku上的登台版本。我知道这是一种可怕的做法，但我别无选择。而且，我不想在这种情况下再次这样做。任何帮助都将不胜感激。
浏览 0提问于2013-02-09得票数 1
回答已采纳
我正在制作一个Rails应用程序，使用react-rails gem在React中渲染我的一些视图(所以它使用资产管道)。
当我尝试测试我的React视图时，React组件没有加载，所以我无法测试它们的内容。例如，我的一个集成测试如下所示：
require 'test_helper'
class TabsIndexTest < ActionDispatch::IntegrationTest
test "index" do
get tabs_path
assert_template 'tabs/index'
a
浏览 6提问于2018-01-23得票数 1
1回答
目前，我正在使用React应用程序(使用react-rails库)，我希望使用一些第三方Rails组件。
如何使用第三方组件而不向RequireJS、Webpack或Browserify添加依赖项？更确切地说，我如何在客户端JS中执行以下命令而不依赖于这些库？
var Select = require('react-select')
该项目目前正在大量使用Rails资产管道，我认为摆脱它太昂贵了。资产是由rails-assets提取的
浏览 2提问于2015-08-26得票数 2
回答已采纳
2回答
我在一个带有react-rails和browserify-rails的rails 4.2.1应用程序中使用react 0.13.1。我不是在做一个单页面应用程序，而是在呈现的页面上添加react组件，并使用rails路由系统。
当我加载一个页面时，我想初始化一些东西，但是我不确定这段代码应该放在哪里。react是否有一个总是在呈现组件之前调用的初始化器函数，还是总是先呈现第一个组件，这样我就可以将初始化器代码添加到第一个组件中？
如何在我的多页rails应用程序中放置react初始化器代码？(应适用于客户端或服务器呈现的react代码)
注意:假设只使用react和普通javascript。
浏览 1提问于2015-05-02得票数 1
在javascript中访问Rails.env的最佳方法是什么？
目前，我在现有的Rails项目中使用ReactJS，使用webpacker gem。(不使用react-rails gem)
我试过什么？
从rails应用程序(我的根组件所在的视图模板)中设置一个javascript变量，并在根组件JS中访问它。但是在我看来，这种方法很冗长，因为我需要在react应用程序中的JS文件中传递这个变量。
有什么更好的方法吗？
浏览 2提问于2017-09-14得票数 1
我正在尝试使用react-rails为现有的rails应用程序创建一个UI。我想创建一个动态的待办事项列表，其中填充了来自rails后端的数据。我通过gem 'react-rails‘提供的erb标记将任务传递给组件。这应该使数据成为我可以使用的道具，但是当我尝试在JSX中呈现它时，我得到了一个 Uncaught TypeError: Cannot read property 'tasks' of undefined 线路控制台中的错误消息 for (var i = 0; i < this.props.tasks.length; i++) { 下面是我的代码
浏览 26提问于2019-06-22得票数 1
回答已采纳
现在，我通过使用编译js文件，在Ruby on Rails app (没有react-rails gem)的基础上创建了React app。
所以我尝试使用来配置应用程序的路由器
这是我的main.js
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route } from 'react-router';
import { browserHistory } from 'react-router';
/*Import C
浏览 3提问于2016-09-14得票数 26
1回答
我已经习惯了使用纤细和翡翠，最近我开始用React编写前端的应用程序，发现现在我又在组件中编写臃肿的HTML了。我目前正在使用Rails和babel等.jsx文件，使用：
gem 'react-rails', '~> 1.4.0'
gem 'react-router-rails', '~>0.13.3.2'
但我也使用了React和用react-starterify样板表示，这和Node的故事是一样的。
有什么东西可以让我开始用slim或Jade这样的语法来编写html吗？
浏览 2提问于2015-12-13得票数 6
在我的rails应用程序中，我使用react.js(react-rails gem)构建应用程序的客户端。
我想使用google来实现一些地理定位功能。
class HomePage extends React.Component {
constructor(props) {
super(props)
}
initGeoTools(){
console.log('callback invoked');
}
render () {
return(
<div>
浏览 2提问于2016-09-29得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
