ReactJS и JavaScript не отображаются в приложении Rails 5 - PullRequest
0 голосов
/ 07 декабря 2018

Компоненты activJS и коды JavaScript не отображаются в моем приложении rails 5.Я использую гем-реактивные рельсы и несколько простых JS с конвейером активов.Вот мой манифест application.js:

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-sprockets
//= require react
//= require react_ujs
//= require components
//= require init
//= require page_specific
//= require rails-ujs
//= require_tree .

У меня есть подкаталоги в моем каталоге ресурсов javascript, и я соответствующим образом сослался на них и следовал документам по конвейерам ресурсов ruby, но когда я запускаю сервер, панель навигации и другиеэлемент не отображается и нажатие на кнопку тоже не работает.См. Снимок экрана:

снимок экрана

Настройка файлов моих активов: снимок экрана 2

Это мой файл application.html.erbфайл:

<!DOCTYPE html>
<html ng-app="Stories">
<head>
  <title>Stories</title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>

  <%= favicon_link_tag '', type: 'image/png' %>
  <%= favicon_link_tag '', rel: 'apple-touch-icon', type: 'image/png' %>
  <meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<body class="<%= controller.controller_name %> <%= controller.action_name %>">
  <%= render 'layouts/overlay' unless user_signed_in? %>
  <%= react_component('UserOverlay', {}) %>

  <div data-behavior="progress-bar" class="progress-bar"></div>

  <div class="container-fluid main-container">
    <%= yield %>
    <%= yield :sidebar %>
  </div>

</body>
<script type="text/javascript">
  window.userSignedIn = <%= user_signed_in? %>;
</script>
</html>

Это файл assets.rb:

# Be sure to restart your server when you modify this file.

# Version of your assets, change this if you want to expire all your assets.
Rails.application.config.assets.version = '1.0'

# Add additional assets to the asset load path.
# Rails.application.config.assets.paths << Emoji.images_path
# Add Yarn node_modules folder to the asset load path.
Rails.application.config.assets.paths << Rails.root.join('node_modules')

# Precompile additional assets.
# application.js, application.css, and all non-JS/CSS in the app/assets
# folder are already added.
# Rails.application.config.assets.precompile += %w( admin.js admin.css )

Я пропустил еще один шаг?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...