jquery и jquery_u js не найдены при развертывании моего приложения Rails с Heroku

Question

Мое приложение отлично работает при запуске на локальном сервере, но когда я развертываю его с Heroku, оно не находит упомянутые библиотеки JS.

Я пробовал предварительно скомпилировать с bundle exec rake assets:precompile RAILS_ENV=production RAILS_GROUPS=assets перед тем, как перейти к Heroku и изменить порядок моих JS обязательных библиотек в приложении. js, но он не будет работать.

Я новичок в веб-разработке, поэтому не стесняйтесь указывать на все, что вы видите неправильно в моем коде, и исправить мне столько, сколько вы хотите.

Ошибка, отображаемая на консоли JS:

GET https://mr-cocktail-lutzcc1.herokuapp.com/assets/jquery.js net::ERR_ABORTED 404 (Not Found)
GET https://mr-cocktail-lutzcc1.herokuapp.com/assets/jquery_ujs.js net::ERR_ABORTED 404 (Not Found)
    DevTools failed to load SourceMap: Could not load content for chrome-extension://cjdnfmjmdligcpfcekfmenlhiopehjkd/node_modules/axios/dist/axios.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
    cocoon-75a0c16d7d8256fc1f97eec1f4f552daa8ffd9ae5b4833390c0f2f4a2e939c78.js:142
Uncaught ReferenceError: jQuery is not defined
            at cocoon-75a0c16d7d8256fc1f97eec1f4f552daa8ffd9ae5b4833390c0f2f4a2e939c78.js:142
        (anonymous) @ cocoon-75a0c16d7d8256fc1f97eec1f4f552daa8ffd9ae5b4833390c0f2f4a2e939c78.js:142

приложение. js

import 'bootstrap';

require("@rails/ujs").start();
require("turbolinks").start();
require("@rails/activestorage").start();
require("channels");

//= require bootstrap
//= require jquery
//= require jquery_ujs
//= require jquery3
//= require jquery_nested_form
//= require cocoon
//= require_tree

манифест. js

//= link_tree ../images
//= link_directory ../stylesheets .css
//= link cocoon.js

config / webpack / environment. js

 const { environment } = require('@rails/webpacker')

// Bootstrap 4 has a dependency over jQuery & Popper.js:
const webpack = require('webpack')
environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    Popper: ['popper.js', 'default']
  })
)

module.exports = environment

gemfile

source 'https://rubygems.org'
git_source(:github) { |repo| "https://github.com/#{repo}.git" }

ruby '2.6.6'

# front-end
gem 'autoprefixer-rails'
gem 'font-awesome-sass', '~> 5.12.0'
gem 'simple_form'

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '~> 6.0.2', '>= 6.0.2.2'
# Use postgresql as the database for Active Record
gem 'pg', '>= 0.18', '< 2.0'
# Use Puma as the app server
gem 'puma', '~> 4.1'
# Use SCSS for stylesheets
gem 'sass-rails', '>= 6'
# Transpile app-like JavaScript. Read more: https://github.com/rails/webpacker
gem 'webpacker', '~> 4.0'
# Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks
gem 'turbolinks', '~> 5'
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 2.7'
# Use Redis adapter to run Action Cable in production
# gem 'redis', '~> 4.0'
# Use Active Model has_secure_password
# gem 'bcrypt', '~> 3.1.7'

gem 'cloudinary', '~> 1.12.0'
gem 'cocoon'
gem 'dotenv-rails', groups: [:development, :test]
gem 'jquery-rails'
gem 'nested_form_fields'

# Use Active Storage variant
# gem 'image_processing', '~> 1.2'

# Reduces boot times through caching; required in config/boot.rb
gem 'bootsnap', '>= 1.4.2', require: false

group :development, :test do
  # Call 'byebug' anywhere in the code to stop execution and get a debugger console
  gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
end

group :development do
  # Access an interactive console on exception pages or by calling 'console' anywhere in the code.
  gem 'web-console', '>= 3.3.0'
  gem 'listen', '>= 3.0.5', '< 3.2'
  # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
  gem 'spring'
  gem 'spring-watcher-listen', '~> 2.0.0'
end

# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
gem 'rspec-rails', '4.0.0.beta3', group: [ :test ]
gem 'rails-controller-testing', group: [ :test ]

config / environment / production.rb

Rails.application.configure do
  # Settings specified here will take precedence over those in config/application.rb.

  # Code is not reloaded between requests.
  config.cache_classes = true

  # Eager load code on boot. This eager loads most of Rails and
  # your application in memory, allowing both threaded web servers
  # and those relying on copy on write to perform better.
  # Rake tasks automatically ignore this option for performance.
  config.eager_load = true

  # Full error reports are disabled and caching is turned on.
  config.consider_all_requests_local       = false
  config.action_controller.perform_caching = true

  # Ensures that a master key has been made available in either ENV["RAILS_MASTER_KEY"]
  # or in config/master.key. This key is used to decrypt credentials (and other encrypted files).
  # config.require_master_key = true

  # Disable serving static files from the `/public` folder by default since
  # Apache or NGINX already handles this.
  config.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present?

  # Compress CSS using a preprocessor.
  # config.assets.css_compressor = :sass

  # Do not fallback to assets pipeline if a precompiled asset is missed.
  config.assets.compile = false

  # Enable serving of images, stylesheets, and JavaScripts from an asset server.
  # config.action_controller.asset_host = 'http://assets.example.com'

  # Specifies the header that your server uses for sending files.
  # config.action_dispatch.x_sendfile_header = 'X-Sendfile' # for Apache
  # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for NGINX

  # Store uploaded files on the local file system (see config/storage.yml for options).

  config.active_storage.service = :cloudinary # HEREEEEE

  # Mount Action Cable outside main process or domain.
  # config.action_cable.mount_path = nil
  # config.action_cable.url = 'wss://example.com/cable'
  # config.action_cable.allowed_request_origins = [ 'http://example.com', /http:\/\/example.*/ ]

  # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
  # config.force_ssl = true

  # Use the lowest log level to ensure availability of diagnostic information
  # when problems arise.
  config.log_level = :debug

  # Prepend all log lines with the following tags.
  config.log_tags = [ :request_id ]

  # Use a different cache store in production.
  # config.cache_store = :mem_cache_store

  # Use a real queuing backend for Active Job (and separate queues per environment).
  # config.active_job.queue_adapter     = :resque
  # config.active_job.queue_name_prefix = "rails_mister_cocktail_production"

  config.action_mailer.perform_caching = false

  # Ignore bad email addresses and do not raise email delivery errors.
  # Set this to true and configure the email server for immediate delivery to raise delivery errors.
  # config.action_mailer.raise_delivery_errors = false

  # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
  # the I18n.default_locale when a translation cannot be found).
  config.i18n.fallbacks = true

  # Send deprecation notices to registered listeners.
  config.active_support.deprecation = :notify

  # Use default logging formatter so that PID and timestamp are not suppressed.
  config.log_formatter = ::Logger::Formatter.new

  # Use a different logger for distributed setups.
  # require 'syslog/logger'
  # config.logger = ActiveSupport::TaggedLogging.new(Syslog::Logger.new 'app-name')

  if ENV["RAILS_LOG_TO_STDOUT"].present?
    logger           = ActiveSupport::Logger.new(STDOUT)
    logger.formatter = config.log_formatter
    config.logger    = ActiveSupport::TaggedLogging.new(logger)
  end

  # Do not dump schema after migrations.
  config.active_record.dump_schema_after_migration = false

  # Inserts middleware to perform automatic connection switching.
  # The `database_selector` hash is used to pass options to the DatabaseSelector
  # middleware. The `delay` is used to determine how long to wait after a write
  # to send a subsequent read to the primary.
  #
  # The `database_resolver` class is used by the middleware to determine which
  # database is appropriate to use based on the time delay.
  #
  # The `database_resolver_context` class is used by the middleware to set
  # timestamps for the last write to the primary. The resolver uses the context
  # class timestamps to determine how long to wait before reading from the
  # replica.
  #
  # By default Rails will store a last write timestamp in the session. The
  # DatabaseSelector middleware is designed as such you can define your own
  # strategy for connection switching and pass that into the middleware through
  # these configuration options.
  # config.active_record.database_selector = { delay: 2.seconds }
  # config.active_record.database_resolver = ActiveRecord::Middleware::DatabaseSelector::Resolver
  # config.active_record.database_resolver_context = ActiveRecord::Middleware::DatabaseSelector::Resolver::Session
end

Спасибо!

Answer 1

Переменные среды, секретные ключи и ключи API, которые являются уникальными для вашего приложения, нуждаются в особой обработке (для обеспечения их безопасности).

Первый принцип, никогда не передавайте их в git репо.

Это приводит к странному сценарию, в котором эти важные переменные конфигурации прекрасно настраиваются на вашем компьютере разработчика, но как их получить на вашем сервере?

С помощью команды setku переменной среды heroku вот как: )

См. Здесь: https://devcenter.heroku.com/articles/config-vars

Попробуйте это:

$> rake secret   # to generate a new key
$> heroku config:set secret_key_base='put new key here'

Я также предлагаю вам ознакомиться с принципами 12-факторного приложения Heroku, легко Прочитайте, что объясняет хорошие принципы развертывания приложения. Пункт 3 Конфиг стоит прочитать. https://12factor.net/