Giter VIP home page Giter VIP logo

Comments (14)

jam35L avatar jam35L commented on July 18, 2024 77

For those wanting to make this work on the API only rails app.
Add the following to your Gemfile.

gem 'sass-rails'
gem 'uglifier'
gem 'coffee-rails'

And un comment or add the following to your application.rb
require "sprockets/railtie"

from graphiql-rails.

hdoan741 avatar hdoan741 commented on July 18, 2024 31

Just got graphiql-rails to work with my Rails 6, API only app, and here are the steps I took:

  1. Adding graphiql-rails Gemfile. It works without uglifier, coffee-rails and sass-rails.
group :development do
  ...
  gem "graphiql-rails"
end

and add to routes.rb like in README.

  if Rails.env.development?
    mount GraphiQL::Rails::Engine, at: "/graphiql", graphql_path: "/graphql"
  end
  1. Add require "sprockets/railtie" on top of config/development.rb config/application.rb
require "sprockets/railtie"
  1. Sprockets will complain that manifest.js is needed. Here is the simplest version that works, based on @MITSUBOSHI changes
--- add to `app/assets/config/manifest.js`
//= link graphiql/rails/application.css
//= link graphiql/rails/application.js

And it works!

from graphiql-rails.

AdhamMoussa avatar AdhamMoussa commented on July 18, 2024 7

anyone managed to solve this on Rails 7 ??

from graphiql-rails.

zfhui avatar zfhui commented on July 18, 2024 6

I left out adding the assets related gems (sass-rails, uglifier, coffee-rails) to my API only Rails app (v5.1.2) & graphiql seems to work fine. 😉

from graphiql-rails.

luizpicolo avatar luizpicolo commented on July 18, 2024 5

For rails 6 create app/assets/config/manifest.js and add

//= link_tree ../images
//= link_directory ../javascripts .js
//= link_directory ../stylesheets .css

from graphiql-rails.

rmosolgo avatar rmosolgo commented on July 18, 2024

Thanks for following up! I guess this gem depends on sprockets routing being hooked up. Feel free to PR the documentation if you can think of a way to explain that clearly.

from graphiql-rails.

yasser-sobhy avatar yasser-sobhy commented on July 18, 2024

@jam35L I need to serve images uploaded using Carrierwave in an API-only app, so I uncommented require "sprockets/railtie" but it's still not working even with sass-rails, uglifier, coffee-rails gems, any ideas?

from graphiql-rails.

jam35L avatar jam35L commented on July 18, 2024

@yasser-sobhy Please clarify which part is not working. Your API only app is not working or you can't access your images?

from graphiql-rails.

yasser-sobhy avatar yasser-sobhy commented on July 18, 2024

from graphiql-rails.

luismu avatar luismu commented on July 18, 2024

@zfhui Did you have your
rails app in api mode?

from graphiql-rails.

IvikGH avatar IvikGH commented on July 18, 2024

Hi.
I have the same issue.
I have Rails API only app.
And i can't add styles with app/assets/stylesheets/application.scss.
I don't see any request for css/js file even after adding gem 'sass-rails', gem 'uglifier', gem 'coffee-rails',
require "sprockets/railtie"
and even adding application.html.haml.
rake assets:precompile creates the application...css but not request for that file comes.

from graphiql-rails.

IvikGH avatar IvikGH commented on July 18, 2024

The problem was that i've added application.html.haml not to app/views/layouts/ folder.
Now everything is OK.

from graphiql-rails.

FlorianBruniaux avatar FlorianBruniaux commented on July 18, 2024

Thx @jam35L

from graphiql-rails.

scott-knight avatar scott-knight commented on July 18, 2024

anyone managed to solve this on Rails 7 ??

I created a PR for this over a year ago, but has been ignored. The fix is pretty simple. My PR has fallen out of sync with main. The maintainers should fix this ASAP as including Sprockets in Rails 7 does not work and is ill advised.

from graphiql-rails.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.