Installed font-awesome with yarn. Problems on heroku

Hello,

I installed font-awesome with yarn. Now locally I see the icons but as I deploy it to heroku I cannot see the icons anymore.

I did some googeling but did not find out why, So I hope someone can give me some hints.

Code so far : GitHub - RoelofWobben/ruby_blog

1 Like

Make sure you have the node buildpack installed:

Also post the Heroku’s slug compilation log here for us to check.

I installed that buildpack and now I get a 500 error

here the heroku log about the 500 error

heroku logs --tail 
2021-10-13T13:09:03.054502+00:00 app[web.1]: - Gracefully stopping, waiting for requests to finish
2021-10-13T13:09:03.055406+00:00 app[web.1]: Exiting
2021-10-13T13:09:03.199188+00:00 heroku[web.1]: Process exited with status 143
2021-10-13T16:24:46.726598+00:00 heroku[web.1]: Unidling
2021-10-13T16:24:46.741221+00:00 heroku[web.1]: State changed from down to starting
2021-10-13T16:24:53.237151+00:00 heroku[web.1]: Starting process with command `bin/rails server -p ${PORT:-5000} -e production`
2021-10-13T16:24:56.217865+00:00 app[web.1]: => Booting Puma
2021-10-13T16:24:56.217928+00:00 app[web.1]: => Rails 6.1.4.1 application starting in production
2021-10-13T16:24:56.217929+00:00 app[web.1]: => Run `bin/rails server --help` for more startup options
2021-10-13T16:24:57.497322+00:00 app[web.1]: Puma starting in single mode...
2021-10-13T16:24:57.497344+00:00 app[web.1]: * Puma version: 5.5.0 (ruby 3.0.2-p107) ("Zawgyi")
2021-10-13T16:24:57.497345+00:00 app[web.1]: *  Min threads: 5
2021-10-13T16:24:57.497345+00:00 app[web.1]: *  Max threads: 5
2021-10-13T16:24:57.497345+00:00 app[web.1]: *  Environment: production
2021-10-13T16:24:57.497346+00:00 app[web.1]: *          PID: 4
2021-10-13T16:24:57.497650+00:00 app[web.1]: * Listening on http://0.0.0.0:7741
2021-10-13T16:24:57.504269+00:00 app[web.1]: Use Ctrl-C to stop
2021-10-13T16:24:57.769435+00:00 heroku[web.1]: State changed from starting to up
2021-10-13T16:24:58.797097+00:00 app[web.1]: I, [2021-10-13T16:24:58.797020 #4]  INFO -- : [1275233c-0aad-4702-a82f-2629349238bd] Started GET "/" for 82.74.147.203 at 2021-10-13 16:24:58 +0000
2021-10-13T16:24:58.799042+00:00 app[web.1]: I, [2021-10-13T16:24:58.798984 #4]  INFO -- : [1275233c-0aad-4702-a82f-2629349238bd] Processing by ArticlesController#index as HTML
2021-10-13T16:24:58.894599+00:00 app[web.1]: I, [2021-10-13T16:24:58.894516 #4]  INFO -- : [1275233c-0aad-4702-a82f-2629349238bd]   Rendered articles/index.html.erb within layouts/application (Duration: 85.6ms | Allocations: 10049)
2021-10-13T16:24:58.908638+00:00 app[web.1]: I, [2021-10-13T16:24:58.908518 #4]  INFO -- : [1275233c-0aad-4702-a82f-2629349238bd]   Rendered layout layouts/application.html.erb (Duration: 99.7ms | Allocations: 10931)
2021-10-13T16:24:58.909087+00:00 app[web.1]: I, [2021-10-13T16:24:58.909021 #4]  INFO -- : [1275233c-0aad-4702-a82f-2629349238bd] Completed 200 OK in 110ms (Views: 102.3ms | ActiveRecord: 38.7ms | Allocations: 13077)
2021-10-13T16:24:58.914600+00:00 heroku[router]: at=info method=GET path="/" host=young-tundra-08170.herokuapp.com request_id=1275233c-0aad-4702-a82f-2629349238bd fwd="82.74.147.203" dyno=web.1 connect=0ms service=120ms status=200 bytes=4393 protocol=https
2021-10-13T16:24:59.080888+00:00 heroku[router]: at=info method=GET path="/assets/application-684a2f7174be6a08eb1230c5187e7a44b0876f9f2870b6e93efdf389fc3b4a37.css" host=young-tundra-08170.herokuapp.com request_id=ae41184f-a8d7-495b-b17a-7c63f3f625de fwd="82.74.147.203" dyno=web.1 connect=0ms service=3ms status=304 bytes=48 protocol=https
2021-10-13T16:24:59.194681+00:00 heroku[router]: at=info method=GET path="/packs/js/application-4e6b9d59f32a87b320bb.js" host=young-tundra-08170.herokuapp.com request_id=257b7385-3134-45b0-89a6-d50c84e07f5c fwd="82.74.147.203" dyno=web.1 connect=0ms service=1ms status=304 bytes=48 protocol=https
2021-10-13T16:24:59.303660+00:00 app[web.1]: I, [2021-10-13T16:24:59.303574 #4]  INFO -- : [bb0af721-acf2-4c8c-bf2c-ecf4c6aa6765] Started GET "/assets/css/bootstrap.min.css" for 82.74.147.203 at 2021-10-13 16:24:59 +0000
2021-10-13T16:24:59.304554+00:00 app[web.1]: F, [2021-10-13T16:24:59.304508 #4] FATAL -- : [bb0af721-acf2-4c8c-bf2c-ecf4c6aa6765]
2021-10-13T16:24:59.304561+00:00 app[web.1]: [bb0af721-acf2-4c8c-bf2c-ecf4c6aa6765] ActionController::RoutingError (No route matches [GET] "/assets/css/bootstrap.min.css"):
2021-10-13T16:24:59.304562+00:00 app[web.1]: [bb0af721-acf2-4c8c-bf2c-ecf4c6aa6765]
2021-10-13T16:24:59.308844+00:00 heroku[router]: at=info method=GET path="/assets/css/bootstrap.min.css" host=young-tundra-08170.herokuapp.com request_id=bb0af721-acf2-4c8c-bf2c-ecf4c6aa6765 fwd="82.74.147.203" dyno=web.1 connect=0ms service=7ms status=404 bytes=1902 protocol=https
2021-10-13T16:24:59.353403+00:00 heroku[router]: at=info method=GET path="/assets/logo-3eefee9e9864dc15f5e52d331e27d271706f3c817cd805b084f509a1296276fb.png" host=young-tundra-08170.herokuapp.com request_id=61e04991-31ea-4efd-8e22-39338e99c221 fwd="82.74.147.203" dyno=web.1 connect=0ms service=1ms status=304 bytes=48 protocol=https
2021-10-13T16:24:59.415700+00:00 app[web.1]: I, [2021-10-13T16:24:59.415612 #4]  INFO -- : [7de3a388-e595-42fa-96d8-3b1b6e990352] Started GET "/assets/css/font-awesome.min.css" for 82.74.147.203 at 2021-10-13 16:24:59 +0000
2021-10-13T16:24:59.416277+00:00 app[web.1]: F, [2021-10-13T16:24:59.416232 #4] FATAL -- : [7de3a388-e595-42fa-96d8-3b1b6e990352]
2021-10-13T16:24:59.416278+00:00 app[web.1]: [7de3a388-e595-42fa-96d8-3b1b6e990352] ActionController::RoutingError (No route matches [GET] "/assets/css/font-awesome.min.css"):
2021-10-13T16:24:59.416279+00:00 app[web.1]: [7de3a388-e595-42fa-96d8-3b1b6e990352]
2021-10-13T16:24:59.420589+00:00 heroku[router]: at=info method=GET path="/assets/css/font-awesome.min.css" host=young-tundra-08170.herokuapp.com request_id=7de3a388-e595-42fa-96d8-3b1b6e990352 fwd="82.74.147.203" dyno=web.1 connect=0ms service=2ms status=404 bytes=1902 protocol=https
2021-10-13T16:24:59.428441+00:00 app[web.1]: I, [2021-10-13T16:24:59.428389 #4]  INFO -- : [deecd146-266e-44a4-8479-cb6bde9acfed] Started GET "/assets/css/classy-nav.css" for 82.74.147.203 at 2021-10-13 16:24:59 +0000
2021-10-13T16:24:59.428910+00:00 app[web.1]: F, [2021-10-13T16:24:59.428878 #4] FATAL -- : [deecd146-266e-44a4-8479-cb6bde9acfed]
2021-10-13T16:24:59.428912+00:00 app[web.1]: [deecd146-266e-44a4-8479-cb6bde9acfed] ActionController::RoutingError (No route matches [GET] "/assets/css/classy-nav.css"):
2021-10-13T16:24:59.428912+00:00 app[web.1]: [deecd146-266e-44a4-8479-cb6bde9acfed]
2021-10-13T16:24:59.430791+00:00 heroku[router]: at=info method=GET path="/assets/css/classy-nav.css" host=young-tundra-08170.herokuapp.com request_id=deecd146-266e-44a4-8479-cb6bde9acfed fwd="82.74.147.203" dyno=web.1 connect=0ms service=2ms status=404 bytes=1902 protocol=https
2021-10-13T16:24:59.437428+00:00 heroku[router]: at=info method=GET path="/assets/6-366855ea247b28cd1946873ca97db5acc0afe2c9f198bdfa4c36560cfa2e612f.jpg" host=young-tundra-08170.herokuapp.com request_id=a58e80e7-54aa-432d-b436-6c2e7fec6a35 fwd="82.74.147.203" dyno=web.1 connect=0ms service=3ms status=304 bytes=48 protocol=https
2021-10-13T16:24:59.445098+00:00 app[web.1]: I, [2021-10-13T16:24:59.445025 #4]  INFO -- : [b739d501-ee21-4a3b-931c-d16fdb96483b] Started GET "/assets/css/animate.css" for 82.74.147.203 at 2021-10-13 16:24:59 +0000
2021-10-13T16:24:59.445598+00:00 app[web.1]: F, [2021-10-13T16:24:59.445555 #4] FATAL -- : [b739d501-ee21-4a3b-931c-d16fdb96483b]
2021-10-13T16:24:59.445599+00:00 app[web.1]: [b739d501-ee21-4a3b-931c-d16fdb96483b] ActionController::RoutingError (No route matches [GET] "/assets/css/animate.css"):
2021-10-13T16:24:59.445599+00:00 app[web.1]: [b739d501-ee21-4a3b-931c-d16fdb96483b]
2021-10-13T16:24:59.450701+00:00 heroku[router]: at=info method=GET path="/assets/css/animate.css" host=young-tundra-08170.herokuapp.com request_id=b739d501-ee21-4a3b-931c-d16fdb96483b fwd="82.74.147.203" dyno=web.1 connect=0ms service=6ms status=404 bytes=1902 protocol=https
2021-10-13T16:24:59.460126+00:00 app[web.1]: I, [2021-10-13T16:24:59.460074 #4]  INFO -- : [2befa113-fbf8-4ad3-a53f-0a252fe284d8] Started GET "/assets/css/owl.carousel.css" for 82.74.147.203 at 2021-10-13 16:24:59 +0000
2021-10-13T16:24:59.460518+00:00 app[web.1]: F, [2021-10-13T16:24:59.460474 #4] FATAL -- : [2befa113-fbf8-4ad3-a53f-0a252fe284d8]
2021-10-13T16:24:59.460519+00:00 app[web.1]: [2befa113-fbf8-4ad3-a53f-0a252fe284d8] ActionController::RoutingError (No route matches [GET] "/assets/css/owl.carousel.css"):
2021-10-13T16:24:59.460520+00:00 app[web.1]: [2befa113-fbf8-4ad3-a53f-0a252fe284d8]
2021-10-13T16:24:59.465853+00:00 heroku[router]: at=info method=GET path="/assets/css/owl.carousel.css" host=young-tundra-08170.herokuapp.com request_id=2befa113-fbf8-4ad3-a53f-0a252fe284d8 fwd="82.74.147.203" dyno=web.1 connect=0ms service=2ms status=404 bytes=1902 protocol=https
2021-10-13T16:24:59.610825+00:00 heroku[router]: at=info method=GET path="/favicon.ico" host=young-tundra-08170.herokuapp.com request_id=ab5f5695-9d1d-4971-a7a0-959749046fcb fwd="82.74.147.203" dyno=web.1 connect=0ms service=1ms status=200 bytes=143 protocol=https
2021-10-13T16:24:59.612180+00:00 app[web.1]: I, [2021-10-13T16:24:59.612100 #4]  INFO -- : [9fce676d-7223-4f6f-9c68-2def10cd0c97] Started GET "/assets/fonts/helveticaneue_medium-webfont.woff2" for 82.74.147.203 at 2021-10-13 16:24:59 +0000
2021-10-13T16:24:59.613087+00:00 app[web.1]: F, [2021-10-13T16:24:59.612955 #4] FATAL -- : [9fce676d-7223-4f6f-9c68-2def10cd0c97]
2021-10-13T16:24:59.613089+00:00 app[web.1]: [9fce676d-7223-4f6f-9c68-2def10cd0c97] ActionController::RoutingError (No route matches [GET] "/assets/fonts/helveticaneue_medium-webfont.woff2"):
2021-10-13T16:24:59.613089+00:00 app[web.1]: [9fce676d-7223-4f6f-9c68-2def10cd0c97]
2021-10-13T16:24:59.615174+00:00 heroku[router]: at=info method=GET path="/assets/fonts/helveticaneue_medium-webfont.woff2" host=young-tundra-08170.herokuapp.com request_id=9fce676d-7223-4f6f-9c68-2def10cd0c97 fwd="82.74.147.203" dyno=web.1 connect=0ms service=3ms status=404 bytes=1902 protocol=https
2021-10-13T16:24:59.733506+00:00 app[web.1]: I, [2021-10-13T16:24:59.733433 #4]  INFO -- : [010529d8-6416-4f77-b37b-d0056ab84a99] Started GET "/assets/fonts/helveticaneue_medium-webfont.woff" for 82.74.147.203 at 2021-10-13 16:24:59 +0000
2021-10-13T16:24:59.734426+00:00 app[web.1]: F, [2021-10-13T16:24:59.734372 #4] FATAL -- : [010529d8-6416-4f77-b37b-d0056ab84a99]
2021-10-13T16:24:59.734427+00:00 app[web.1]: [010529d8-6416-4f77-b37b-d0056ab84a99] ActionController::RoutingError (No route matches [GET] "/assets/fonts/helveticaneue_medium-webfont.woff"):
2021-10-13T16:24:59.734428+00:00 app[web.1]: [010529d8-6416-4f77-b37b-d0056ab84a99]
2021-10-13T16:24:59.737759+00:00 heroku[router]: at=info method=GET path="/assets/fonts/helveticaneue_medium-webfont.woff" host=young-tundra-08170.herokuapp.com request_id=010529d8-6416-4f77-b37b-d0056ab84a99 fwd="82.74.147.203" dyno=web.1 connect=0ms service=7ms status=404 bytes=1902 protocol=https
2021-10-13T16:25:02.341640+00:00 app[web.1]: I, [2021-10-13T16:25:02.340563 #4]  INFO -- : [f44c075b-363c-4e44-b169-7a817c65d0fc] Started GET "/articles/1" for 82.74.147.203 at 2021-10-13 16:25:02 +0000
2021-10-13T16:25:02.341689+00:00 app[web.1]: I, [2021-10-13T16:25:02.341638 #4]  INFO -- : [f44c075b-363c-4e44-b169-7a817c65d0fc] Processing by ArticlesController#show as HTML
2021-10-13T16:25:02.341728+00:00 app[web.1]: I, [2021-10-13T16:25:02.341701 #4]  INFO -- : [f44c075b-363c-4e44-b169-7a817c65d0fc]   Parameters: {"id"=>"1"}
2021-10-13T16:25:02.386525+00:00 app[web.1]: I, [2021-10-13T16:25:02.386425 #4]  INFO -- : [f44c075b-363c-4e44-b169-7a817c65d0fc]   Rendered articles/show.html.erb within layouts/application (Duration: 15.5ms | Allocations: 3582)
2021-10-13T16:25:02.390893+00:00 app[web.1]: I, [2021-10-13T16:25:02.390820 #4]  INFO -- : [f44c075b-363c-4e44-b169-7a817c65d0fc]   Rendered layout layouts/application.html.erb (Duration: 19.9ms | Allocations: 3918)
2021-10-13T16:25:02.391235+00:00 app[web.1]: I, [2021-10-13T16:25:02.391168 #4]  INFO -- : [f44c075b-363c-4e44-b169-7a817c65d0fc] Completed 200 OK in 49ms (Views: 18.3ms | ActiveRecord: 14.1ms | Allocations: 7496)
2021-10-13T16:25:02.397618+00:00 heroku[router]: at=info method=GET path="/articles/1" host=young-tundra-08170.herokuapp.com request_id=f44c075b-363c-4e44-b169-7a817c65d0fc fwd="82.74.147.203" dyno=web.1 connect=0ms service=58ms status=200 bytes=9270 protocol=https
2021-10-13T16:25:02.539191+00:00 heroku[router]: at=info method=GET path="/assets/b8-09505364a2ab56a13663b5b9d309834528348b0ad6808fe04c3a63c0f22f089d.jpg" host=young-tundra-08170.herokuapp.com request_id=0ac3f002-5b4a-43ae-a849-a76ac034daff fwd="82.74.147.203" dyno=web.1 connect=0ms service=2ms status=200 bytes=25016 protocol=https
2021-10-13T16:25:02.540200+00:00 heroku[router]: at=info method=GET path="/assets/b5-b626a09ff2bb91389eb073ae9275e9867359af0943086e3ae9ad7722d0ccb359.jpg" host=young-tundra-08170.herokuapp.com request_id=5404abba-73d6-4af8-baab-1d0dc18675b0 fwd="82.74.147.203" dyno=web.1 connect=0ms service=7ms status=200 bytes=163338 protocol=https
2021-10-13T16:25:02.543367+00:00 heroku[router]: at=info method=GET path="/assets/b6-3a9fef7920169e8eb62e183093ca0393ee03ebaee4d06ec5104933ee13bc2411.jpg" host=young-tundra-08170.herokuapp.com request_id=a68940d1-05d5-4003-ac60-419c9e044ebe fwd="82.74.147.203" dyno=web.1 connect=0ms service=2ms status=200 bytes=40725 protocol=https
2021-10-13T16:26:09.000000+00:00 app[api]: Build started by user r.wobben@home.nl
2021-10-13T16:27:05.100073+00:00 app[api]: Deploy 69dac514 by user r.wobben@home.nl
2021-10-13T16:27:05.100073+00:00 app[api]: Release v10 created by user r.wobben@home.nl
2021-10-13T16:27:05.604048+00:00 heroku[web.1]: Restarting
2021-10-13T16:27:05.708601+00:00 heroku[web.1]: State changed from up to starting
2021-10-13T16:27:06.422338+00:00 heroku[web.1]: Stopping all processes with SIGTERM
2021-10-13T16:27:06.910806+00:00 app[web.1]: - Gracefully stopping, waiting for requests to finish
2021-10-13T16:27:06.911581+00:00 app[web.1]: Exiting
2021-10-13T16:27:07.114901+00:00 heroku[web.1]: Process exited with status 143
2021-10-13T16:27:12.503132+00:00 heroku[web.1]: Starting process with command `npm start`
2021-10-13T16:27:13.398899+00:00 app[web.1]: npm ERR! missing script: start
2021-10-13T16:27:13.403120+00:00 app[web.1]: 
2021-10-13T16:27:13.403277+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2021-10-13T16:27:13.403330+00:00 app[web.1]: npm ERR!     /app/.npm/_logs/2021-10-13T16_27_13_399Z-debug.log
2021-10-13T16:27:13.524162+00:00 heroku[web.1]: Process exited with status 1
2021-10-13T16:27:13.700392+00:00 heroku[web.1]: State changed from starting to crashed
2021-10-13T16:27:13.889944+00:00 heroku[web.1]: State changed from crashed to starting
2021-10-13T16:27:15.000000+00:00 app[api]: Build succeeded
2021-10-13T16:27:17.505970+00:00 heroku[web.1]: Starting process with command `npm start`
2021-10-13T16:27:19.564511+00:00 app[web.1]: npm ERR! missing script: start
2021-10-13T16:27:19.570218+00:00 app[web.1]: 
2021-10-13T16:27:19.570417+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2021-10-13T16:27:19.570483+00:00 app[web.1]: npm ERR!     /app/.npm/_logs/2021-10-13T16_27_19_564Z-debug.log
2021-10-13T16:27:19.704517+00:00 heroku[web.1]: Process exited with status 1
2021-10-13T16:27:19.819797+00:00 heroku[web.1]: State changed from starting to crashed
2021-10-13T16:27:21.648428+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=young-tundra-08170.herokuapp.com request_id=080360b0-24ee-4ea3-9479-09bf2421f92f fwd="82.74.147.203" dyno= connect= service= status=503 bytes= protocol=https

or must I now also install a rails buildpack ? or is there now something else wrong ?

oke, installed the ruby build-pack also and the site is running again but still no icons.

What log do you need? and how do I get it?

or do you mean this one

git push heroku main 
Enumerating objects: 9, done.
Counting objects: 100% (9/9), done.
Delta compression using up to 4 threads
Compressing objects: 100% (5/5), done.
Writing objects: 100% (5/5), 414 bytes | 207.00 KiB/s, done.
Total 5 (delta 4), reused 0 (delta 0)
remote: Compressing source files... done.
remote: Building source:
remote: 
remote: -----> Building on the Heroku-20 stack
remote: -----> Using buildpacks:
remote:        1. heroku/nodejs
remote:        2. heroku/ruby
remote: -----> Node.js app detected
remote:        
remote: -----> Creating runtime environment
remote:        
remote:        NPM_CONFIG_LOGLEVEL=error
remote:        USE_YARN_CACHE=true
remote:        NODE_VERBOSE=false
remote:        NODE_ENV=production
remote:        NODE_MODULES_CACHE=true
remote:        
remote: -----> Installing binaries
remote:        engines.node (package.json):  unspecified
remote:        engines.npm (package.json):   unspecified (use default)
remote:        engines.yarn (package.json):  unspecified (use default)
remote:        
remote:        Resolving node version 14.x...
remote:        Downloading and installing node 14.18.1...
remote:        Using default npm version: 6.14.15
remote:        Resolving yarn version 1.22.x...
remote:        Downloading and installing yarn (1.22.15)
remote:        Installed yarn 1.22.15
remote:        
remote: -----> Restoring cache
remote:        - yarn cache
remote:        
remote: -----> Installing dependencies
remote:        Installing node modules (yarn.lock)
remote:        yarn install v1.22.15
remote:        [1/4] Resolving packages...
remote:        [2/4] Fetching packages...
remote:        info fsevents@2.3.2: The platform "linux" is incompatible with this module.
remote:        info "fsevents@2.3.2" is an optional dependency and failed compatibility check. Excluding it from installation.
remote:        info fsevents@1.2.13: The platform "linux" is incompatible with this module.
remote:        info "fsevents@1.2.13" is an optional dependency and failed compatibility check. Excluding it from installation.
remote:        [3/4] Linking dependencies...
remote:        [4/4] Building fresh packages...
remote:        Done in 11.86s.
remote:        
remote: -----> Build
remote:        
remote: -----> Pruning devDependencies
remote:        yarn install v1.22.15
remote:        [1/4] Resolving packages...
remote:        [2/4] Fetching packages...
remote:        info fsevents@2.3.2: The platform "linux" is incompatible with this module.
remote:        info "fsevents@2.3.2" is an optional dependency and failed compatibility check. Excluding it from installation.
remote:        info fsevents@1.2.13: The platform "linux" is incompatible with this module.
remote:        info "fsevents@1.2.13" is an optional dependency and failed compatibility check. Excluding it from installation.
remote:        [3/4] Linking dependencies...
remote:        [4/4] Building fresh packages...
remote:        warning Ignored scripts due to flag.
remote:        Done in 5.59s.
remote:        
remote: -----> Caching build
remote:        - yarn cache
remote:        
remote: -----> Build succeeded!
remote:  !     This app may not specify any way to start a node process
remote:        https://devcenter.heroku.com/articles/nodejs-support#default-web-process-type
remote: 
remote: -----> Ruby app detected
remote: -----> Installing bundler 2.2.21
remote: -----> Removing BUNDLED WITH version in the Gemfile.lock
remote: -----> Compiling Ruby/Rails
remote: -----> Using Ruby version: ruby-3.0.2
remote: -----> Installing dependencies using bundler 2.2.21
remote:        Running: BUNDLE_WITHOUT='development:test' BUNDLE_PATH=vendor/bundle BUNDLE_BIN=vendor/bundle/bin BUNDLE_DEPLOYMENT=1 bundle install -j4
remote:        Using rake 13.0.6
remote:        Using concurrent-ruby 1.1.9
remote:        Using i18n 1.8.10
remote:        Using minitest 5.14.4
remote:        Using tzinfo 2.0.4
remote:        Using zeitwerk 2.4.2
remote:        Using activesupport 6.1.4.1
remote:        Using builder 3.2.4
remote:        Using erubi 1.10.0
remote:        Using racc 1.5.2
remote:        Using nokogiri 1.12.5 (x86_64-linux)
remote:        Using rails-dom-testing 2.0.3
remote:        Using crass 1.0.6
remote:        Using loofah 2.12.0
remote:        Using rails-html-sanitizer 1.4.2
remote:        Using actionview 6.1.4.1
remote:        Using rack 2.2.3
remote:        Using rack-test 1.1.0
remote:        Using actionpack 6.1.4.1
remote:        Using nio4r 2.5.8
remote:        Using websocket-extensions 0.1.5
remote:        Using websocket-driver 0.7.5
remote:        Using actioncable 6.1.4.1
remote:        Using globalid 0.5.2
remote:        Using activejob 6.1.4.1
remote:        Using activemodel 6.1.4.1
remote:        Using activerecord 6.1.4.1
remote:        Using marcel 1.0.2
remote:        Using mini_mime 1.1.1
remote:        Using activestorage 6.1.4.1
remote:        Using mail 2.7.1
remote:        Using actionmailbox 6.1.4.1
remote:        Using actionmailer 6.1.4.1
remote:        Using actiontext 6.1.4.1
remote:        Using msgpack 1.4.2
remote:        Using bootsnap 1.9.1
remote:        Using bundler 2.2.22
remote:        Using ffi 1.15.4
remote:        Using method_source 1.0.0
remote:        Using thor 1.1.0
remote:        Using railties 6.1.4.1
remote:        Using font_awesome5_rails 1.5.0
remote:        Using jbuilder 2.11.2
remote:        Using pg 1.2.3
remote:        Using puma 5.5.0
remote:        Using rack-proxy 0.7.0
remote:        Using sprockets 4.0.2
remote:        Using sprockets-rails 3.2.2
remote:        Using rails 6.1.4.1
remote:        Using sassc 2.4.0
remote:        Using tilt 2.0.10
remote:        Using sassc-rails 2.1.2
remote:        Using sass-rails 6.0.0
remote:        Using semantic_range 3.0.0
remote:        Using turbolinks-source 5.2.0
remote:        Using turbolinks 5.2.1
remote:        Using webpacker 5.4.3
remote:        Bundle complete! 17 Gemfile dependencies, 57 gems now installed.
remote:        Gems in the groups 'development' and 'test' were not installed.
remote:        Bundled gems are installed into `./vendor/bundle`
remote:        Bundle completed (0.52s)
remote:        Cleaning up the bundler cache.
remote:        Removing bundler (2.2.21)
remote: -----> Detecting rake tasks
remote: -----> Preparing app for Rails asset pipeline
remote:        Running: rake assets:precompile
remote:        yarn install v1.22.15
remote:        [1/4] Resolving packages...
remote:        [2/4] Fetching packages...
remote:        info fsevents@2.3.2: The platform "linux" is incompatible with this module.
remote:        info "fsevents@2.3.2" is an optional dependency and failed compatibility check. Excluding it from installation.
remote:        info fsevents@1.2.13: The platform "linux" is incompatible with this module.
remote:        info "fsevents@1.2.13" is an optional dependency and failed compatibility check. Excluding it from installation.
remote:        [3/4] Linking dependencies...
remote:        [4/4] Building fresh packages...
remote:        Done in 31.09s.
remote:        Compiling...
remote:        Compiled all packs in /tmp/build_883f6fe4/public/packs
remote:        Hash: fba43f80d081c7fdb846
remote:        Version: webpack 4.46.0
remote:        Time: 23809ms
remote:        Built at: 10/13/2021 4:46:49 PM
remote:                                                     Asset       Size  Chunks                                Chunk Names
remote:                              css/application-d3768587.css   57.9 KiB       0  [emitted] [immutable]         application
remote:                           css/application-d3768587.css.br   10.3 KiB          [emitted]                     
remote:                           css/application-d3768587.css.gz   12.5 KiB          [emitted]                     
remote:                    js/application-4e6b9d59f32a87b320bb.js    236 KiB       0  [emitted] [immutable]         application
remote:        js/application-4e6b9d59f32a87b320bb.js.LICENSE.txt   1.95 KiB          [emitted]                     
remote:                 js/application-4e6b9d59f32a87b320bb.js.br     60 KiB          [emitted]                     
remote:                 js/application-4e6b9d59f32a87b320bb.js.gz   68.8 KiB          [emitted]                     
remote:                js/application-4e6b9d59f32a87b320bb.js.map    987 KiB       0  [emitted] [dev]               application
remote:             js/application-4e6b9d59f32a87b320bb.js.map.br    227 KiB          [emitted]                     
remote:             js/application-4e6b9d59f32a87b320bb.js.map.gz    268 KiB          [emitted]              [big]  
remote:                                             manifest.json   1.82 KiB          [emitted]                     
remote:                                          manifest.json.br  343 bytes          [emitted]                     
remote:                                          manifest.json.gz  404 bytes          [emitted]                     
remote:                media/webfonts/fa-brands-400-2285773e.woff   87.9 KiB          [emitted]                     
remote:                 media/webfonts/fa-brands-400-23f19bb0.eot    131 KiB          [emitted]                     
remote:              media/webfonts/fa-brands-400-23f19bb0.eot.br     82 KiB          [emitted]                     
remote:              media/webfonts/fa-brands-400-23f19bb0.eot.gz   88.5 KiB          [emitted]                     
remote:                 media/webfonts/fa-brands-400-2f517e09.svg    730 KiB          [emitted]              [big]  
remote:              media/webfonts/fa-brands-400-2f517e09.svg.br    218 KiB          [emitted]                     
remote:              media/webfonts/fa-brands-400-2f517e09.svg.gz    249 KiB          [emitted]              [big]  
remote:                 media/webfonts/fa-brands-400-527940b1.ttf    131 KiB          [emitted]                     
remote:              media/webfonts/fa-brands-400-527940b1.ttf.br   81.8 KiB          [emitted]                     
remote:              media/webfonts/fa-brands-400-527940b1.ttf.gz   88.4 KiB          [emitted]                     
remote:               media/webfonts/fa-brands-400-d878b0a6.woff2   74.9 KiB          [emitted]                     
remote:                media/webfonts/fa-regular-400-4689f52c.svg    141 KiB          [emitted]                     
remote:             media/webfonts/fa-regular-400-4689f52c.svg.br   30.3 KiB          [emitted]                     
remote:             media/webfonts/fa-regular-400-4689f52c.svg.gz   36.3 KiB          [emitted]                     
remote:                media/webfonts/fa-regular-400-491974d1.ttf   32.9 KiB          [emitted]                     
remote:             media/webfonts/fa-regular-400-491974d1.ttf.br     15 KiB          [emitted]                     
remote:             media/webfonts/fa-regular-400-491974d1.ttf.gz   15.9 KiB          [emitted]                     
remote:                media/webfonts/fa-regular-400-77206a6b.eot   33.2 KiB          [emitted]                     
remote:             media/webfonts/fa-regular-400-77206a6b.eot.br   15.1 KiB          [emitted]                     
remote:             media/webfonts/fa-regular-400-77206a6b.eot.gz   15.9 KiB          [emitted]                     
remote:              media/webfonts/fa-regular-400-7a333762.woff2   12.9 KiB          [emitted]                     
remote:               media/webfonts/fa-regular-400-bb58e57c.woff   15.9 KiB          [emitted]                     
remote:                media/webfonts/fa-solid-900-1551f4f6.woff2   76.4 KiB          [emitted]                     
remote:                  media/webfonts/fa-solid-900-7a8b4f13.svg    897 KiB          [emitted]              [big]  
remote:               media/webfonts/fa-solid-900-7a8b4f13.svg.br    199 KiB          [emitted]                     
remote:               media/webfonts/fa-solid-900-7a8b4f13.svg.gz    250 KiB          [emitted]              [big]  
remote:                  media/webfonts/fa-solid-900-9bbb245e.eot    198 KiB          [emitted]                     
remote:               media/webfonts/fa-solid-900-9bbb245e.eot.br   90.4 KiB          [emitted]                     
remote:               media/webfonts/fa-solid-900-9bbb245e.eot.gz    100 KiB          [emitted]                     
remote:                  media/webfonts/fa-solid-900-be9ee23c.ttf    198 KiB          [emitted]                     
remote:               media/webfonts/fa-solid-900-be9ee23c.ttf.br   90.3 KiB          [emitted]                     
remote:               media/webfonts/fa-solid-900-be9ee23c.ttf.gz    100 KiB          [emitted]                     
remote:                 media/webfonts/fa-solid-900-eeccf4f6.woff   99.3 KiB          [emitted]                     
remote:        Entrypoint application [big] = css/application-d3768587.css js/application-4e6b9d59f32a87b320bb.js js/application-4e6b9d59f32a87b320bb.js.map
remote:         [1] (webpack)/buildin/module.js 552 bytes {0} [built]
remote:         [6] ./app/javascript/packs/application.js 548 bytes {0} [built]
remote:         [8] ./app/javascript/channels/index.js 205 bytes {0} [built]
remote:         [9] ./app/javascript/channels sync _channel\.js$ 160 bytes {0} [built]
remote:        [11] (webpack)/buildin/global.js 905 bytes {0} [built]
remote:            + 8 hidden modules
remote:        
remote:        WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
remote:        This can impact web performance.
remote:        Assets: 
remote:          media/webfonts/fa-brands-400-2f517e09.svg (730 KiB)
remote:          media/webfonts/fa-solid-900-7a8b4f13.svg (897 KiB)
remote:          media/webfonts/fa-solid-900-7a8b4f13.svg.gz (250 KiB)
remote:          media/webfonts/fa-brands-400-2f517e09.svg.gz (249 KiB)
remote:          js/application-4e6b9d59f32a87b320bb.js.map.gz (268 KiB)
remote:        
remote:        WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
remote:        Entrypoints:
remote:          application (294 KiB)
remote:              css/application-d3768587.css
remote:              js/application-4e6b9d59f32a87b320bb.js
remote:        
remote:        
remote:        WARNING in webpack performance recommendations: 
remote:        You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
remote:        For more info visit https://webpack.js.org/guides/code-splitting/
remote:        Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--5-1!node_modules/postcss-loader/src/index.js??ref--5-2!node_modules/@fortawesome/fontawesome-free/css/all.css:
remote:            Entrypoint mini-css-extract-plugin = *
remote:               18 modules
remote:        
remote:        Asset precompilation completed (63.04s)
remote:        Cleaning assets
remote:        Running: rake assets:clean
remote: -----> Detecting rails configuration
remote: 
remote: ###### WARNING:
remote: 
remote:        No Procfile detected, using the default web server.
remote:        We recommend explicitly declaring how to boot your server process via a Procfile.
remote:        https://devcenter.heroku.com/articles/ruby-default-web-server
remote: 
remote: 
remote: -----> Discovering process types
remote:        Procfile declares types     -> (none)
remote:        Default types for buildpack -> console, rake, web
remote: 
remote: -----> Compressing...
remote:        Done: 112.2M
remote: -----> Launching...
remote:        Released v11
remote:        https://young-tundra-08170.herokuapp.com/ deployed to Heroku
remote: 
remote: Verifying deploy... done.
To https://git.heroku.com/young-tundra-08170.git
   69dac51..cebdb46  main -> main

Hm… ok. I think this might be sprockets fault. Go into a one-off dyno please, and them list your /public/assets folder and go through it until you find your fonts. I believe that instead of this:

media/webfonts/fa-regular-400-bb58e57c.woff

You will see this something like this:

media/webfonts/fa-regular-400-bb58e57c-asd9f7a9s8d7f9a8s7df9a8a9s78.woff

If this is what happened, it’s because Sprockets added a fingerprint to your font, and now font-awesome CSS files can’t find them.

You will have to open font-awesome CSS file and replace all url with asset_url. This should fix it. If you can’t do that because you are using it from yarn, then you will need to add a Sprockets processor. The code for one is here:

chips, I need a sprockets processor. Rails makes things very difficult this way. I do not know if this is the framework for me this way.

Yeah, that’s one of those things that causes most people to stumble. We have solved that with sprockets replacement, called Propshaft, but it’s not production ready yet. That said, every framework will make you stumble on something, and this is relatively minor compared to what other frameworks won’t have.

I mean, for this one, just create the file config/initializers/assets.rb and put this code inside, and evertyhing should work:

class AssetUrlProcessor
  def self.call(input)
    # don't know why, copy from other processor
    context = input[:environment].context_class.new(input)
    data = input[:data].gsub(/url\(["']?(.+?)["']?\)/i) do |match|
      asset = $1
      if asset && asset !~ /(data:|http)/i
        path = context.asset_path(asset)
        "url(#{path})"
      else
        match
      end
    end

    { data: data }
  end
end

Sprockets.register_postprocessor 'text/css', AssetUrlProcessor

are you sure. That file does already exist and has this contents.

# 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')

Rails.application.config.assets.paths << Rails.root.join('app', 'assets', 'fonts')

# 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 )

and if I replace or add that code to assets.rb I see this :

Error: File to import not found or unreadable: bootstrap/scss/bootstrap.
        on line 17:2 of app/assets/stylesheets/application.scss
>>  @import "bootstrap/scss/bootstrap";

very wierd,

I changed it to use a gem instead of yarn but still no luck.

Can someone with more experience looked at this. Its driving me crazy