Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

uninitialized constant Primer::FormHelper #3104

Open
AlexeyMatskevich opened this issue Sep 22, 2024 · 1 comment
Open

uninitialized constant Primer::FormHelper #3104

AlexeyMatskevich opened this issue Sep 22, 2024 · 1 comment
Assignees
@camertron
Labels
rails

Comments

@AlexeyMatskevich
Copy link

AlexeyMatskevich commented Sep 22, 2024 •
edited
Loading

Can't reproduce the installation from https://primer.style/guides/rails

  1. Install the primer_view_components gem and @primer/view-components packages
gem install rails
rails -v
=> Rails 7.2.1
rails new test_app -d postgresql -j bun --skip-active-record --skip-active-storage -a propshaft -T --force
bundle add primer_view_components # ~> 0.34 version
bun add @primer/view-components # ^0.34.0 version
bun add @primer/css ^21.3.6 version
bun add @primer/primitives ^9.1.2 version

  1. Add the following lines to the very bottom of config/application.rb:

    require "view_component"
require "primer/view_components"

  2. Add your node_modules/ directory to Propshaft's load path by adding the following line to config/application.rb:

    config.assets.paths << Rails.root.join("node_modules")
    My file:

    # application.rb
require_relative "boot"

require "rails"
# Pick the frameworks you want:
# require "active_model/railtie"
require "active_job/railtie"
# require "active_record/railtie"
# require "active_storage/engine"
require "action_controller/railtie"
require "action_mailer/railtie"
# require "action_mailbox/engine"
# require "action_text/engine"
require "action_view/railtie"
require "action_cable/engine"
# require "rails/test_unit/railtie"
require "view_component"
require "primer/view_components"
require "primer/view_components/engine"

# Require the gems listed in Gemfile, including any gems
# you've limited to :test, :development, or :production.
Bundler.require(*Rails.groups)

module Nextexaminer
  class Application < Rails::Application
    # Initialize configuration defaults for originally generated Rails version.
    config.load_defaults 7.2

    # Please, add to the `ignore` list any other `lib` subdirectories that do
    # not contain `.rb` files, or that should not be reloaded or eager loaded.
    # Common ones are `templates`, `generators`, or `middleware`, for example.
    config.autoload_lib(ignore: %w[assets tasks])

    # Configuration for the application, engines, and railties goes here.
    #
    # These settings can be overridden in specific environments using the files
    # in config/environments, which are processed later.
    #
    # config.time_zone = "Central Time (US & Canada)"
    # config.eager_load_paths << Rails.root.join("extras")

    # Don't generate system test files.
    config.generators.system_tests = nil

    # Load node_modules
    config.assets.paths << Rails.root.join("node_modules")
  end
end

  3. Add the following inside the tags in app/views/layouts/application.html.erb. These lines request primer_view_component's JavaScript code, shared CSS styles from @primer/css, primer_view_component's CSS styles, and a bunch of CSS variables from @primer/primitives. Notice we're also pulling in several color themes named "light" and "dark." The full list of supported themes is available in the Primer CSS documentation.

    <%= stylesheet_link_tag "@primer/css/dist/primer.css", "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "@primer/view-components/app/assets/styles/primer_view_components.css", "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "@primer/primitives/dist/css/primitives.css", "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "@primer/primitives/dist/css/functional/themes/light.css", "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "@primer/primitives/dist/css/functional/themes/dark.css", "data-turbo-track": "reload" %>

<%= javascript_include_tag "@primer/view-components/app/assets/javascripts/primer_view_components.js", "data-turbo-track": "reload" %>

    My file:

    # application.html.erb
<!DOCTYPE html>
<html lang="en">
  <head>
    <title><%= content_for(:title) || "Nextexaminer" %></title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= yield :head %>

    <link rel="manifest" href="/manifest.json">
    <link rel="icon" href="/icon.png" type="image/png">
    <link rel="icon" href="/icon.svg" type="image/svg+xml">
    <link rel="apple-touch-icon" href="/icon.png">
    <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
    <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
    <%= stylesheet_link_tag "@primer/css/dist/primer.css", "data-turbo-track": "reload" %>
    <%= stylesheet_link_tag "@primer/view-components/app/assets/styles/primer_view_components.css", "data-turbo-track": "reload" %>
    <%= stylesheet_link_tag "@primer/primitives/dist/css/primitives.css", "data-turbo-track": "reload" %>
    <%= stylesheet_link_tag "@primer/primitives/dist/css/functional/themes/light.css", "data-turbo-track": "reload" %>
    <%= stylesheet_link_tag "@primer/primitives/dist/css/functional/themes/dark.css", "data-turbo-track": "reload" %>

    <%= javascript_include_tag "@primer/view-components/app/assets/javascripts/primer_view_components.js", "data-turbo-track": "reload" %>
  </head>

  <body data-color-mode="light" data-light-theme="light" data-dark-theme="dark">
    <%= render 'layouts/sidebar' %>
    <div>
      <%= yield %>
    </div>
  </body>
</html>

My result:

bin/dev
01:47:51 web.1  | started with pid 493864
01:47:51 js.1   | started with pid 493865
01:47:51 js.1   | $ bun bun.config.js --watch
01:47:52 web.1  | => Booting Puma
01:47:52 web.1  | => Rails 7.2.1 application starting in development 
01:47:52 web.1  | => Run `bin/rails server --help` for more startup options
01:47:52 web.1  | Exiting
01:47:52 web.1  | /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/primer_view_components-0.34.0/lib/primer/view_components/engine.rb:52:in `block (2 levels) in <class:Engine>': uninitialized constant Primer::FormHelper (NameError)
01:47:52 web.1  | 
01:47:52 web.1  |           helper Primer::FormHelper
01:47:52 web.1  |                        ^^^^^^^^^^^^
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/activesupport-7.2.1/lib/active_support/lazy_load_hooks.rb:97:in `class_eval'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/activesupport-7.2.1/lib/active_support/lazy_load_hooks.rb:97:in `block in execute_hook'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/activesupport-7.2.1/lib/active_support/lazy_load_hooks.rb:87:in `with_execution_control'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/activesupport-7.2.1/lib/active_support/lazy_load_hooks.rb:92:in `execute_hook'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/activesupport-7.2.1/lib/active_support/lazy_load_hooks.rb:62:in `block in on_load'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/activesupport-7.2.1/lib/active_support/lazy_load_hooks.rb:61:in `each'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/activesupport-7.2.1/lib/active_support/lazy_load_hooks.rb:61:in `on_load'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/primer_view_components-0.34.0/lib/primer/view_components/engine.rb:46:in `block in <class:Engine>'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/railties-7.2.1/lib/rails/initializable.rb:32:in `instance_exec'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/railties-7.2.1/lib/rails/initializable.rb:32:in `run'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/railties-7.2.1/lib/rails/initializable.rb:61:in `block in run_initializers'
01:47:52 web.1  |       from /nix/store/2vg3asd3rmhng3wqvp781a1q5dhrr4yn-ruby-3.3.4/lib/ruby/3.3.0/tsort.rb:231:in `block in tsort_each'
01:47:52 web.1  |       from /nix/store/2vg3asd3rmhng3wqvp781a1q5dhrr4yn-ruby-3.3.4/lib/ruby/3.3.0/tsort.rb:353:in `block (2 levels) in each_strongly_connected_component'
01:47:52 web.1  |       from /nix/store/2vg3asd3rmhng3wqvp781a1q5dhrr4yn-ruby-3.3.4/lib/ruby/3.3.0/tsort.rb:434:in `each_strongly_connected_component_from'
01:47:52 web.1  |       from /nix/store/2vg3asd3rmhng3wqvp781a1q5dhrr4yn-ruby-3.3.4/lib/ruby/3.3.0/tsort.rb:352:in `block in each_strongly_connected_component'
01:47:52 web.1  |       from /nix/store/2vg3asd3rmhng3wqvp781a1q5dhrr4yn-ruby-3.3.4/lib/ruby/3.3.0/tsort.rb:350:in `each'
01:47:52 web.1  |       from /nix/store/2vg3asd3rmhng3wqvp781a1q5dhrr4yn-ruby-3.3.4/lib/ruby/3.3.0/tsort.rb:350:in `call'
01:47:52 web.1  |       from /nix/store/2vg3asd3rmhng3wqvp781a1q5dhrr4yn-ruby-3.3.4/lib/ruby/3.3.0/tsort.rb:350:in `each_strongly_connected_component'
01:47:52 web.1  |       from /nix/store/2vg3asd3rmhng3wqvp781a1q5dhrr4yn-ruby-3.3.4/lib/ruby/3.3.0/tsort.rb:229:in `tsort_each'
01:47:52 web.1  |       from /nix/store/2vg3asd3rmhng3wqvp781a1q5dhrr4yn-ruby-3.3.4/lib/ruby/3.3.0/tsort.rb:208:in `tsort_each'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/railties-7.2.1/lib/rails/initializable.rb:60:in `run_initializers'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/railties-7.2.1/lib/rails/application.rb:435:in `initialize!'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/Sft/nextexaminer/config/environment.rb:5:in `<main>'
01:47:52 web.1  |       from config.ru:3:in `require_relative'
01:47:52 web.1  |       from config.ru:3:in `block (2 levels) in <main>'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/rack-3.1.7/lib/rack/builder.rb:108:in `eval'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/rack-3.1.7/lib/rack/builder.rb:108:in `new_from_string'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/rack-3.1.7/lib/rack/builder.rb:97:in `load_file'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/rack-3.1.7/lib/rack/builder.rb:67:in `parse_file'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/rackup-2.1.0/lib/rackup/server.rb:354:in `build_app_and_options_from_config'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/rackup-2.1.0/lib/rackup/server.rb:263:in `app'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/rackup-2.1.0/lib/rackup/server.rb:424:in `wrapped_app'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/railties-7.2.1/lib/rails/commands/server/server_command.rb:76:in `log_to_stdout'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/railties-7.2.1/lib/rails/commands/server/server_command.rb:36:in `start'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/railties-7.2.1/lib/rails/commands/server/server_command.rb:145:in `block in perform'
01:47:52 web.1  |       from <internal:kernel>:90:in `tap'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/railties-7.2.1/lib/rails/commands/server/server_command.rb:136:in `perform'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/thor-1.3.2/lib/thor/command.rb:28:in `run'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/thor-1.3.2/lib/thor/invocation.rb:127:in `invoke_command'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/railties-7.2.1/lib/rails/command/base.rb:178:in `invoke_command'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/thor-1.3.2/lib/thor.rb:538:in `dispatch'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/railties-7.2.1/lib/rails/command/base.rb:73:in `perform'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/railties-7.2.1/lib/rails/command.rb:71:in `block in invoke'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/railties-7.2.1/lib/rails/command.rb:149:in `with_argv'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/railties-7.2.1/lib/rails/command.rb:69:in `invoke'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/railties-7.2.1/lib/rails/commands.rb:18:in `<main>'
01:47:52 web.1  |       from /nix/store/2vg3asd3rmhng3wqvp781a1q5dhrr4yn-ruby-3.3.4/lib/ruby/3.3.0/bundled_gems.rb:74:in `require'
01:47:52 web.1  |       from /nix/store/2vg3asd3rmhng3wqvp781a1q5dhrr4yn-ruby-3.3.4/lib/ruby/3.3.0/bundled_gems.rb:74:in `block (2 levels) in replace_require'
01:47:52 web.1  |       from /Hoom/WSL2/Projects/.devbox/virtenv/ruby/gems/bootsnap-1.18.4/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:30:in `require'
01:47:52 web.1  |       from bin/rails:4:in `<main>'
01:47:52 web.1  | exited with code 1
01:47:52 system | sending SIGTERM to all processes
01:47:52 js.1   | error: script "build" was terminated by signal SIGTERM (Polite quit request)
01:47:52 js.1   | terminated by SIGTERM

I'm doing something wrong, can anyone help me deal with this?
@camertron
Copy link
Contributor

Hey @AlexeyMatskevich, sorry you're running into this! I just created a new Rails app following the steps you provided, and I am unable to reproduce the issue. I pushed up the app, can you take a look and see if this works on your machine? https://github.com/camertron/vc_test_app

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@camertron camertron

Labels
rails
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@camertron @AlexeyMatskevich