繁体   English   中英

React and Rails应用程序-咖啡脚本(或引导程序)未显示在服务器上

[英]React and Rails app - coffee script (or bootstrap) not showing on server

我正在尝试使用Ruby on Rails和React创建一个简单的帖子应用程序。 这是我第一次创建React应用程序并使用coffee-script,因此我一直在在线资源中。

我正在为帖子创建一个表,并为posts.new创建一个表以创建一个新帖子。

运行服务器时没有出现任何错误,但是我在coffee.script中编写的所有内容均未显示在浏览器中。 唯一显示的是我的Header 1标签。

在我的JS控制台中,我得到这样的错误:未捕获的错误:Bootstrap工具提示需要Tether

这是我的index.html.erb代码

```<h1>Posts#index Route navigates here</h1>
<%= react_component 'Posts', {data: @posts} %>
```

这是我的posts.js.coffee代码

```@Posts = React.createClass
     getInitialState: ->
       posts: @props.data
     getDefaultProps: ->
       posts: []
     addPost: (post) ->
       posts = @state.posts.slice()
       posts.push post
       @setState posts: posts 
     render: ->
        React.DOM.div
           className: 'posts'
           React.DOM.h1
              className: 'title'
               'Posts'
           React.createElement PostForm, handleNewPost: @addPost
           React.DOM.table
              classname: 'table table-bordered'
              React.DOM.thead null
                React.DOM.th null, 'Description'
              React.DOM.tbody null,
                 for post in @state.posts
                   React.createdElement Post, key: post.id, post: post
```

这是我的post.js.coffee代码:

```@Post = React.createClass
    render: ->
      React.DOM.tr null,
        React.DOM.td null, @props.post.description
```

我的目标是制作一个类似于instagram的react应用,您只需在其中发布照片即可。.我想通过现在添加说明并稍后迁移photo_url的值来保持简单。 如果有任何原因我的引导程序和咖啡脚本未显示,请告诉我! 谢谢!

在我的application.html.erb头标记中添加了这两个用于引导的脚本标记

```
<script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script>
<script src="https://npmcdn.com/bootstrap@4.0.0-
alpha.5/dist/js/bootstrap.min.js"></script>
```

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM