Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

デプロイができません。助けてください。。

デプロイの工程は一通り終了したのですが、、、

Bootstrap,fontawsomeを使用しています。

一応関連のファイルは、下記のような形で記述しています。

app/javascript/packs/application.js
import Rails from "@rails/ujs"
import Turbolinks from "turbolinks"
import * as ActiveStorage from "@rails/activestorage"
import "channels"

import "jquery";
import "popper.js";
import "bootstrap";
import "../stylesheets/application"
import '@fortawesome/fontawesome-free/js/all'

//require("time_stamps/realtime")

Rails.start()
Turbolinks.start()
ActiveStorage.start()
app/javascript/styleseets/application.scss
@import '~bootstrap/scss/bootstrap';
@import '~@fortawesome/fontawesome-free/scss/fontawesome';

webpack関連

webpack.yml
##本番環境のエラーだと思うので,productionのみ載せます。。
production:
  <<: *default

  # Production depends on precompilation of packs prior to booting for performance.
  compile: false

  # Extract and emit a css file
  extract_css: true

  # Cache manifest.json for performance
  cache_manifest: true

一応errorの出所かと思われるファイルも載せておきます。

manifest.json
{
  "application.css": "/packs/css/application-e3790051.css",
  "application.js": "/packs/js/application-4255d80b10a003d90c1c.js",
  "application.js.map": "/packs/js/application-4255d80b10a003d90c1c.js.map",
  "entrypoints": {
    "application": {
      "css": [
        "/packs/css/application-e3790051.css"
      ],
      "js": [
        "/packs/js/application-4255d80b10a003d90c1c.js"
      ],
      "js.map": [
        "/packs/js/application-4255d80b10a003d90c1c.js.map"
      ]
    }
  }

webpack関連のエラーのようです。

$ bundle exec rails assets:precompile RAILS_ENV=production
$rails s -e puroduction

ここまでやって、画面が"We're sorry, but something went wrong."のエラー画面が表示されます。(Rails側のエラーだと考えてます。)
一応、NginxとPumaのエラーログも確認致しましたが、異常はなかったと思われます。。

F, [2022-03-29T16:20:45.999178 #3238] FATAL -- : [facdd085-ad32-46b1-8c6b-b505d11dfe62]   
[facdd085-ad32-46b1-8c6b-b505d11dfe62] ActionView::Template::Error (Webpacker can't find application.css in /home/ec
2-user/stamping_life/public/packs/manifest.json. Possible causes:
1. You want to set webpacker.yml value of compile to true for your environment
   unless you are using the `webpack -w` or the webpack-dev-server.
2. webpack has not yet re-run to reflect updates.
3. You have misconfigured Webpacker's config/webpacker.yml file.
4. Your webpack configuration is not creating a manifest.
Your manifest contains:
{
}
):
[facdd085-ad32-46b1-8c6b-b505d11dfe62]      6:     <%= csrf_meta_tags %>
[facdd085-ad32-46b1-8c6b-b505d11dfe62]      7:     <%= csp_meta_tag %>
[facdd085-ad32-46b1-8c6b-b505d11dfe62]      8:     <%= stylesheet_pack_tag 'application', media: 'all', 'data-turbol
inks-track': 'reload' %>
[facdd085-ad32-46b1-8c6b-b505d11dfe62]      9:     <!--< javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>-->
[facdd085-ad32-46b1-8c6b-b505d11dfe62]     10:   </head>
:

また上記の他にも

F, [2022-03-29T13:35:05.854097 #3238] FATAL -- : [daf6d04d-ced3-4d5f-96ad-44d28dd2f9c0]   
[daf6d04d-ced3-4d5f-96ad-44d28dd2f9c0] ActionController::RoutingError (No route matches [GET] "/favicon.ico"):

のようなエラーが出てしまいます。

色々記事も調べたのですが、解決できずです。どなたかご教授お願い致します。
一応それらしき記事も載せときます。
https://zenn.dev/ryouzi/articles/da8a77accc221e

0

1Answer

scssの配置場所がapp/javascript/styleseets/application.scssになってますけど、ただのtypoですか?(知識がv5で止まってますが、assetsディレクトリとかに置いてたような)

0Like

Comments

  1. ご返信ありがとうございます。
    bootstrap導入時にstylesheetもjavascriptもpack_tagで管理する形なので、javascriptの中に、stylesheetsを作って、そこにapplication.scssを入れている形になります。

Your answer might help someone💌