-
Notifications
You must be signed in to change notification settings - Fork 684
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.
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
Adding Bootstrap 4 doesn't work with Shopify_App version 11.3 #817
Comments
Getting 500 error is not very helpful, provide full error stack trace and message for any possible help. |
Yes it just couldn't find any precompiled assets related to |
@ziaulrehman40 all I need to call the issue a day is just to have my this inside
I will try that again so as to post the error message here too. The app just won't run immediately you add |
Hello @AfolabiOlaoluwa did you end up solving this? This looks like an issue with how you are using the stylesheet tags If you are using webpacker then you should be using stylesheet_pack_tag and not stylesheet_link_tag. |
Dependency Issues
Often in my
application.html.erb
file in Rails 6 this is what I have below:But after installing Shopify_App to my Rails 6 application for Shopify's Embedded App, I figured out it comes with another layout aside
application.html.erb
which is calledembeded_app.html.erb
. So when I addstylesheet_pack_tag
andstylesheet_link_tag
under theif ShopifyApp.use_webpacker?
I get 500 error on production and the app won't work.So if I add the following under the
if ShopifyApp.use_webpacker?
I get 500 Error on production because it couldn't process itFor adding bootstrap to webpacker here is my configuration
Install bootstrap through Yarn, then config/webpack/environment.rb
Inside
app/javascript/packs/src
, I created a file calledapplication.scss
and in it I have@import '~bootstrap/scss/bootstrap';
.Then inside
app/javascript/packs/application.js
file, I made my imports as written below.How can I stick to my configurations with webpack by adding
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
and
<%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
under
if ShopifyApp.use_webpacker?
insideemmbeded.html.erb
and my app works productively without errors? Adding it can't process those two additions and results to 500 Error.The text was updated successfully, but these errors were encountered: