Fly.io, Rails 7, Vite, CSS JS Issues

Screenshot of Console on Production

I’m not sure what I’m doing incorrectly in order to get the CSS files to load correctly. I notice that the path is pointing to vite/assets, I’m not sure if that is correct or not.

I’m not having this issue at all locally in development, it’s only affecting the deployed site on Fly.io

Any ideas where else I could start digging?

The application.js and jquery.js file is in the app/frontend/entrypoints folder as the Vite documentation indicates, this worked before, but something with getting my coding partner on the same repo changed some things, we haven’t been able to figure out what the issue is

Here’s my current fly.toml

# fly.toml app configuration file generated for wherecanwedance on 2023-05-26T21:23:51-05:00
#
# See https://fly.io/docs/reference/configuration/ for information about how to use this file.
#

app = "wherecanwedance"
primary_region = "dfw"
kill_signal = "SIGINT"
kill_timeout = "5s"

[experimental]
  auto_rollback = true

[build]
  [build.args]
    BUILD_COMMAND = "bin/rails fly:build"
    SERVER_COMMAND = "bin/rails fly:server"

[deploy]
  release_command = "bin/rails fly:release"

[env]
  PORT = "8080"
  RAILS_MASTER_KEY = "$RAILS_MASTER_KEY"

[[services]]
  protocol = "tcp"
  internal_port = 8080
  processes = ["app"]

  [[services.ports]]
    port = 80
    handlers = ["http"]
    force_https = true

  [[services.ports]]
    port = 443
    handlers = ["tls", "http"]
  [services.concurrency]
    type = "connections"
    hard_limit = 25
    soft_limit = 20

  [[services.tcp_checks]]
    interval = "15s"
    timeout = "2s"
    grace_period = "1s"
    restart_limit = 0

[[statics]]
  guest_path = "/app/public"
  url_prefix = "/"

I’ve got ideas, but first some background without which not much will make sense.

Vite is an awesome tool – during development. It literally does not exist on your production machine. Instead you run vite build to produce static files; and you don’t actually run it, it is run during assets:precompile. Review both of those links for hints.

The best – and quickest – way to debug this is to forget about fly for the moment, and try to run your production server locally:

export RAILS_ENV=production
bin/rails assets:precompile
bin/rails server

That’s for Mac/Linux/WSL. For PowerShell:

$Env:RAILS_ENV = "production"

Debugging this is no fun, and frankly my least favorite part of Rails. The console image you provided contains a lot of clues. It tells you what it is looking for and where. Try to match those with the output of vite build. Generally what is happening is that tools like vite are configured to put those files into the wrong directory, so what needs to happen is to either adjust the vite configuration or the paths you use within rails to match. And then once you get it working, retest in development to make sure that you didn’t break that in the process. Just unset the RAILS_ENV environment variable and run bin/rails assets:clobber to switch back to development.

1 Like

@rubys Here’s a screenshare of the issue I’m noticing in the network tab, could something from the app v2 be causing an issue in this?

When you get content type of HTML, what is the response body itself?

I did a bit of Googling and I’m not sure how to find the response body, I also tried downloading Firefox bc I heard they had more inspect features, but I couldn’t find it there as well, where should I check for the response body?

In your video you were looking at headers. Two tabs over is the response.

Often happens on a server error (500), or other error (e.g., 404) is that instead of serving the content you are expecting, it serves up a HTML file which contains an explanation.

This may also be of interest: Old version being served - #6 by lubien

When the CSS is not displaying correctly the response body is empty: See screenshot

When the CSS is displaying properly I see the following CSS code:

p strong{font-family:Poppins!important}html{scroll-behavior:smooth}.trix-content{font-family:Manrope,sans-serif;font-weight:400;font-size:1.2rem;line-height:150%}.trix-content.expanded{max-height:100%}.page-item.active .page-link{background-color:#ff7f11;border:1px solid;border-color:#743600}.pagination .page-link{color:#743600}.pagination .page-link:hover{color:#171717}p .btn{font-family:Poppins}.card-body{padding-top:5px!important}.card-text{margin-top:5px}.sm-buttons{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:10px}.event-buttons a{box-shadow:0 4px 6px #0003;align-items:right}button.btn a.navlink{font-family:Poppins;text-decoration:none}.button{font-family:Poppins;min-width:200px;margin-top:10px;text-align:center;color:#e0ddd7;border-radius:10px}.button-small{font-size:12px;font-family:Poppins;text-align:center;padding:5px 10px;border-radius:.25rem;text-decoration:none}.button-med{font-size:1rem;font-family:Poppins;font-weight:400;text-align:center;padding:6px 16px;border-radius:.25rem;text-decoration:none}.btn-sm{background-color:#171717;height:100%;font-family:Poppins;font-size:10px;vertical-align:middle}.btn-black{background-color:#171717}.btn-darkline{color:#171717;background-color:#fff;border:1px solid #171717}.btn-gray{color:#fff;background-color:#5f7470;transition:background-color .5s ease;text-decoration:none}.btn-gray:hover{background-color:#000;color:#fff}.button-black{color:#e0ddd7;font-family:Poppins;padding:.5rem 2rem;border-radius:10px;background-color:#171717;text-align:center;min-width:200px;margin-top:10px}.button-red{color:#171717;font-family:Poppins;padding:.5rem 2rem;border-radius:10px;background-color:#bd1e1e;text-align:center;min-width:200px;margin-top:10px}.org-list{display:grid;grid-template-rows:auto}.organizer-list-button{padding-bottom:10px;text-decoration:none;color:#fff}.organizer-list-button a{color:#fff;text-decoration:none;transition:color .3s ease-in-out}.organizer-list-button a:hover{color:#fff!important}@media (max-width: 767px){.org-list{grid-template-columns:1fr;grid-template-rows:repeat(auto-fit,auto);justify-items:start;align-items:center}}p{font-family:Poppins}.event-link-button{color:#171717;font-family:Poppins;font-size:.8rem;background-color:#fffae8;font-weight:500;padding:.5rem;text-align:center;text-decoration:none;border:#3f3f3f 2px solid;border-radius:10px;margin:5px;min-width:125px;max-width:175px;transition:color 1s ease}.event-link-button:hover,.event-link-button:active{color:orange}.button-gray{color:#171717;font-family:Poppins;padding:.5rem 2rem;border-radius:5px;background-color:#5f7470;text-align:center;min-width:200px;margin-top:10px}.button-gray-data{color:#f2f2f2;font-family:Poppins;border-radius:5px;background-color:#5f7470;text-align:center;margin-top:10px}.button-gray-data:hover,.button-red-data:hover,.button-orange:hover,.button-orange-data:hover{color:#f2f2f2;background-color:#171717;transition:1s}.button-orange-data{color:#f2f2f2;font-family:Poppins;border-radius:5px;background-color:#ff7f11;text-align:center;margin-top:10px}.button-red-data{color:#f2f2f2;font-family:Poppins;border-radius:5px;background-color:#bd1e1e;text-align:center;margin-top:10px}.button-orange{height:100%;color:#f2f2f2;font-family:Poppins;padding:.5rem 2rem;border-radius:10px;background-color:#ff7f11;text-align:center;min-width:200px;margin-top:10px;text-decoration:none}.btn-poppins{font-family:Poppins,sans-serif!important}.nav.navbar-nav.navbar-right li a{font-family:Poppins;font-size:.8rem}.nav-item.pending .badge{background-color:#d78904;color:#f2f2f2}.nav-link{color:#f2f2f2;font-family:Poppins!important;font-size:1rem;line-height:1.8rem;row-gap:80px}.dropdown-item{font-family:Poppins;font-size:1.2rem;line-height:3rem}.home-containerr{margin-top:25px}.container{position:relative;margin-top:25px;height:auto;width:100%}@media (min-width: 43em){.container{width:90%}}@media (min-width: 70em){.container{width:70%}}@media (min-width: 62em){.social-links-wrapper{grid-column-start:span 2}}.artist-show-container{display:grid;width:100%;row-gap:1rem;column-gap:1rem;grid-template-columns:1fr;grid-template-rows:auto auto auto;margin-bottom:40px;grid-template-areas:"artist-show-left" "artist-show-right" "social-links-wrapper"}@media (min-width: 43em){.artist-show-container{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"artist-show-left" "artist-show-right" "social-links-wrapper"}}@media (min-width: 62em){.artist-show-container{grid-template-columns:30% 70%;grid-template-rows:auto auto;grid-template-areas:"artist-show-left artist-show-right" "social-links-wrapper"}}.hero-wrapper{width:100%;margin:0 auto 40px;height:auto}.hero-text{width:100%;font-family:Poppins,sans-serif;font-size:1.5rem;line-height:150%;font-weight:500}@media (min-width: 43em){.hero-text{font-size:1.5rem}}@media (min-width: 62em){.hero-text{font-size:1.5rem;padding:0 20px}}@media (min-width: 82em){.hero-text{font-size:2rem;padding:40px 20px}}.artist-show-right{margin-top:0}p{padding:0!important;margin:10px 0!important}p .artist-text{font-family:Manrope,sans-serif;font-size:1.2rem}.card.videos,.card2{flex-grow:4}.artist-page-image{width:100%;aspect-ratio:1/1;border-radius:20px;object-fit:cover;margin-top:10px;margin-bottom:20px}@media (min-width: 43em){.artist-page-image{width:50%;aspect-ratio:1/1}}@media (min-width: 62em){.artist-page-image{width:50%;aspect-ratio:1/1}}@media (min-width: 82em){.artist-page-image{width:33%;aspect-ratio:1/1}}.past-event{opacity:.7}.artist-img{width:100%;aspect-ratio:3/2;object-fit:cover}@media (min-width: 43em){.artist-img{width:100%;aspect-ratio:1/1}}@media (min-width: 62em){.artist-img{width:100%;aspect-ratio:1/1}}@media (min-width: 82em){.artist-img{width:100%;aspect-ratio:1/1}}.even-size-event{width:100%}.card{padding:0}.card-img-top{width:100%;padding:0}.event-list-image{height:100%}.event-index-image{width:100%;aspect-ratio:16/9;object-fit:cover}.event-show-date{font-family:Poppins;display:flex;margin-top:10px}h1,h2,h3,h4,h5 h6{font-family:Poppins,sans-serif}h5{font-size:22px;font-weight:600}h1{font-size:40px;font-weight:700}h2{font-size:28px;font-weight:500}.dropdown{position:absolute;top:0}.ellipsis-btn{padding-right:10px;border:none;background:none;font-size:1.5em;color:#171717;float:right}.ellipsis-btn.vertical{font-size:1.2em;margin-top:0;padding:0;margin-left:5px}.dropdown-menu.dots{position:absolute;top:10px;right:0px;z-index:1;list-style:none;background-color:#fff;border:1px solid #ccc;box-shadow:0 8px 16px #0003;padding:0;margin:0;min-width:200px;display:none}@media only screen and (max-width: 480px){.dropdown-menu.dots.twocol{right:-15px}}.ellipsis-menu{opacity:1}.dropdown-menu li{padding:8px 12px}.dropdown-menu li:hover{background-color:#f5f5f5}.data-control-wrapper{display:flex;justify-content:flex-start;align-items:center;margin-top:10px;margin-bottom:10px;gap:10px}.artist-video-wrapper{margin-bottom:40px}.continent-wrapper{display:grid;row-gap:1rem;margin-bottom:20px}.city-wrapper{display:grid;height:100%;grid-template-columns:repeat(2,1fr);column-gap:10px;row-gap:10px}@media (min-width: 48em){.city-wrapper{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}}.city-logo{border-radius:5px;aspect-ratio:9/3;object-fit:cover;width:100%}.home-event-list-wrapper{display:inline-block;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.home-event-list-wrapper .card{width:22rem;height:100%;margin-right:5px;vertical-align:top;font-size:1rem}.home-event-list-wrapper .card-img-top{height:auto;object-fit:cover}.home-event-list-wrapper .card-body{overflow:hidden;height:300px}.event-list-wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}@media (min-width: 43em){.event-list-wrapper{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));column-gap:1rem;margin-bottom:40px}}.ds-list-wrapper{display:grid;grid-template-columns:repeat(1fr);column-gap:5px;margin-bottom:40px}@media (min-width: 25em){.ds-list-wrapper{grid-template-columns:repeat(2,1fr);column-gap:10px}}@media (min-width: 43em){.ds-list-wrapper{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));column-gap:10px}}.artist-list-wrapper{display:grid;grid-template-columns:repeat(2,1fr);column-gap:10px;margin-bottom:40px}@media (min-width: 43em){.artist-list-wrapper{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}}.city-image-wrapper{margin-bottom:20px}.city-image{width:100%;aspect-ratio:16/4;object-fit:cover;border-radius:5px}@media (min-width: 62em){.city-image{width:40%}}.sorting-wrapper{margin-top:20px;margin-bottom:20px;width:100%}@media (min-width: 43em){.sorting-wrapper{width:80%}}@media (min-width: 62em){.sorting-wrapper{width:50%}}@media (min-width: 82em){.sorting-wrapper{width:50%}}.avatar_small{width:40px;height:40px;border-radius:50%}.avatar_medium{width:48px;height:48px;border-radius:50%}.org-image{width:200px}.avatar_large{width:200px;height:200px;border-radius:50%}.avatar_xlarge{width:300px;height:300px;border-radius:10%}.dropdown-menu{display:none}.placeholder-icon-container{width:100px;height:100px;display:flex;justify-content:center;align-items:center;font-size:100px}.account-text{font-size:1.2rem;color:#ff7f11;font-weight:500;text-decoration:none;line-height:150%;transition:all 1s ease}a.account-text:hover{color:#743600}.index{min-height:100vh;margin-bottom:200px}.bottom-form{margin-bottom:200px}.form-style{margin-bottom:200px;width:100%;font-size:1.2rem;line-height:1.8rem;row-gap:2rem}@media (min-width: 43em){.form-style{width:80%}}@media (min-width: 62em){.form-style{width:50%}}@media (min-width: 82em){.form-style{width:60%}}.form-control{font-family:Manrope,sans-serif;padding-left:10px}.simpleform{margin-bottom:200px;width:90%;font-size:1.2rem;line-height:1.8rem}@media (min-width: 43em){.simpleform{width:50%}}@media (min-width: 62em){.simpleform{width:50%}}@media (min-width: 82em){.simpleform{width:30%}}.show-style{width:100%;font-size:1.2rem;line-height:1.8rem}@media (min-width: 43em){.show-style{width:80%}}@media (min-width: 62em){.show-style{width:50%}}@media (min-width: 82em){.show-style{width:50%}}.show-artist{width:100%}@media (min-width: 43em){.show-artist{width:100%;flex-grow:2}}@media (min-width: 62em){.show-artist{width:100%;flex-grow:3}}@media (min-width: 82em){.show-artist{width:100%}}.round{border-radius:10px}.event-show-image{position:relative;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.event-hosted-text{display:inline;margin:0;padding:0}.qr-code-container{text-align:center}#qrCodeImage{width:100%;height:auto}.card-style{width:100%}@media (min-width: 43em){.card-style{max-width:45%;flex-grow:2}}@media (min-width: 62em){.card-style{max-width:31%;flex-grow:3}}@media (min-width: 82em){.card-style{max-width:23%;flex-grow:4}}::placeholder{font-family:Manrope,sans-serif;color:gray;font-size:1rem}select{color:#3f3f3f}body{font-family:Manrope,sans-serif}small.eventdatesmall{font-family:Poppins;font-size:12px;color:#686868}.artist-form-checkbox{margin-top:10px;margin-bottom:20px}p.help-text{font-family:Poppins;font-size:1rem;margin-top:10px;color:gray}.help-attn{font-family:Manrope,sans-serif;padding:16px 20px 0;background-color:#e3e3e3;border-radius:10px;display:inline-block;margin-bottom:10px}.show-page-wrapper{width:50%}.mdc-text-field-helper-text{color:#00f}.button-wrap{flex-wrap:wrap}.active-status-info{background-color:#62ff62;width:fit-content;border-radius:.5rem;padding:0 10px}.pending-status-info{background-color:#ffe867;width:fit-content;border-radius:.5rem;padding:0 10px}.url-info{background-color:#abcfff;width:fit-content;border-radius:.5rem;padding:0 10px}.addy-info{font-family:Manrope;font-size:1rem;background-color:#fff2d8f6;padding:5px 10px!important;border-radius:.5rem;margin-bottom:1rem;width:fit-content}.geo-info{font-family:Manrope;font-size:12px;background-color:#e0ddd7f6;padding:5px 10px;border-radius:.5rem;margin-bottom:10px;width:fit-content}.geo-info-list{font-family:Manrope;font-size:12px;background-color:#e0ddd7f6;padding:.5rem;border-radius:.5rem;margin-bottom:.5rem;width:fit-content}.top-card-show{position:relative}@media (min-width: 43em){.top-card-show{width:100%}}@media (min-width: 62em){.top-card-show{width:60%}}@media (min-width: 82em){.top-card-show{width:50%}}.top-card{position:relative}.card-image{width:fit-content;z-index:1}.heart-container-show{color:#f2f2f2;position:absolute;width:40px;z-index:2;top:20px;right:10px;cursor:pointer}.heart-container{color:#f2f2f2;position:absolute;width:40px;z-index:2;top:0;right:0;cursor:pointer}.required-form{background-color:#deb8874d;padding:20px;border-radius:1rem;margin-bottom:20px}.site-nav-logo{width:auto}.login-form{width:400px}.login-image{width:100%;aspect-ratio:16/4;object-fit:cover;border-radius:10px;margin-top:60px;margin-bottom:20px}.hero-image{width:100%;aspect-ratio:16/4;object-fit:cover;border-radius:10px;margin-bottom:20px}@media (min-width: 43em){.hero-image{width:100%}}@media (min-width: 62em){.hero-image{width:100%}}@media (min-width: 82em){.hero-image{width:100%}}.ds-wrapper{display:flex;flex-wrap:wrap;row-gap:5px;column-gap:5px;margin-top:10px}.social-media-buttons{display:flex;flex-wrap:wrap;row-gap:5px;column-gap:5px;margin-bottom:10px}.ds-wrapper-tight{display:flex;flex-wrap:wrap;row-gap:5px;column-gap:5px}.button-wrapper{width:100%;height:auto;display:flex;justify-content:center;column-gap:20px;row-gap:20px;flex-wrap:wrap;margin-top:40px}@media (min-width: 43em){.button-wrapper{width:100%;flex-wrap:wrap;row-gap:20px;column-gap:20px}}@media (min-width: 62em){.button-wrapper{width:100%}}@media (min-width: 82em){.button-wrapper{width:100%}}.formlook input[type=text],.formlook select{font-family:Manrope;font-size:1rem;color:#565656;padding-top:8px;padding-bottom:8px}.formlook input{font-family:Manrope;font-size:1rem;padding-top:8px;padding-bottom:8px}.formlook ::placeholder{font-family:Manrope;font-size:1rem;color:#b0b0b0}.tooltip-btn{margin-bottom:10px}.filter-wrapper{width:100%;margin-bottom:1rem}@media (min-width: 82em){.filter-wrapper{width:100%;position:sticky;top:1rem;margin-bottom:80px;align-self:start}}.result-top-section{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;grid-gap:10px;grid-template-areas:"event-count-text" "add-event-button"}@media (min-width: 35em){.result-top-section{grid-template-columns:1fr 1fr;grid-template-areas:"event-count-text add-event-button"}}@media (min-width: 35em){.add-event-button{grid-area:add-event-button;justify-self:end}}.cancel-button{height:100%;color:#171717;font-family:Poppins;padding:.5rem 2rem;border-radius:10px;border:1px solid black;text-align:center;text-decoration:none}.search-container{width:95vw;height:auto;margin:0 auto;grid-template-columns:1fr;grid-template-rows:auto auto;grid-gap:10px;grid-template-areas:"filter-wrapper" "results-wrapper"}@media (min-width: 82em){.search-container{display:grid;height:auto;width:95vw;align-content:center;column-gap:1rem;row-gap:1rem;align-items:start;grid-template-columns:20% 80%;grid-template-areas:"filter-wrapper results-wrapper"}}.local-search-container{display:grid;height:auto;column-gap:10px;row-gap:10px;margin:40px 0 10px;width:70%;grid-template-columns:1fr 1fr;grid-template-rows:.5fr 1fr;grid-template-areas:"dancestyle eventtype" "month year"}@media (min-width: 43em){.local-search-container{width:100%}}@media (min-width: 82em){.local-search-container{width:70%}}@media only screen and (max-width: 50em){.local-search-container{width:100%;height:auto;margin:10px 0;grid-template-columns:1fr;grid-template-rows:.5fr .5fr .5fr .5fr;row-gap:10px;grid-template-areas:"dancestyle" "eventtype" "month" "year"}}.event-search-container{display:grid;grid-gap:10px;grid-template-columns:1fr;grid-template-rows:.5fr .5fr .5fr .5fr .5fr .5fr;row-gap:10px;grid-template-areas:"event-name" "geolocation" "dancestyle" "eventtype" "month" "year"}@media (min-width: 35em){.event-search-container{width:100%;height:auto;margin:10px 0;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:.5fr 1fr;grid-template-areas:"event-name event-name geolocation geolocation" "dancestyle eventtype month year"}}@media (min-width: 82em){.event-search-container{height:auto;grid-gap:10px;margin:40px 0 10px;width:100%;grid-template-columns:1fr;grid-template-rows:.5fr .5fr .5fr .5fr .5fr .5fr;row-gap:10px;grid-template-areas:"event-name" "geolocation" "dancestyle" "eventtype" "month" "year"}}.event-name{grid-area:event-name}.geolocation{grid-area:geolocation}.ts-wrapper .option{font-family:Manrope;font-size:1rem;line-height:150%}.ts-control{font-family:Manrope,sans-serif;padding:0;font-size:1rem}label{color:#171717;display:block;letter-spacing:.015em;padding-bottom:.25em;padding-left:.25em;font-family:Poppins;font-weight:500}.input-wrapper{position:relative}.input-wrapper label:after{content:"";height:100%;position:absolute;top:0;left:0;width:100%;font-family:Poppins}.input-wrapper input{position:relative;z-index:2;font-family:Poppins}.input-hint{color:#606060;display:block;font-size:80%;line-height:1.4;margin-top:.15em;padding-left:.25em;font-family:Poppins}.form-signin{max-width:330px;padding:15px}.form-signin .form-floating:focus-within{z-index:2}.form-signin input[type=email]{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}.form-signin input[type=password]{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0}.py-5{color:#f2f2f2;background-color:#202020;padding-left:20px;padding-right:20px}@media (min-width: 43em){.py-5{padding-left:50px;padding-right:50px}}@media (min-width: 62em){.py-5{padding-left:50px;padding-right:50px}}@media (min-width: 82em){.py-5{padding-left:100px;padding-right:100px}}.py-5 h5{color:#ffd580!important}li .nav-link,.nav-link{color:#f2f2f2!important}.py-5 footer{margin-top:100px}.description-text{max-height:150px;overflow:hidden;transition:all .5s ease-in-out}@media (min-width: 43em){.description-text{width:80%}}@media (min-width: 62em){.description-text{width:75%}}@media (min-width: 82em){.description-text{width:60%}}.description-text.expanded{max-height:10000px}.toggle-btn{margin-bottom:20px}input[type=radio]:checked{background-color:orange!important;border-color:#674301!important}input:focus{box-shadow:#eddc92 0 0 0 5px!important}.scroll-container{white-space:nowrap;-webkit-overflow-scrolling:touch}.event{display:inline-block}.latest-events-container{width:100%;overflow-x:scroll}#latest-events{overflow-x:scroll;white-space:nowrap}#latest-events .card{display:inline-block;margin-right:10px}.faq-answer{background-color:#fff;font-size:16px;max-height:0;overflow:hidden;padding:0;transition:max-height .2s ease-out}.faq-answer.active{max-height:2000px;padding:10px}.form-image{width:100%;height:100%;object-fit:cover;margin-bottom:10px}.flash-message{position:fixed;top:20px;right:20px;padding:15px;background-color:#f0ad4e;color:#fff;border-radius:5px;z-index:1000}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#171717!important;background-color:#ffd0bd!important}.nav-tabs .nav-link,.nav-tabs .nav-link:hover{color:#171717!important}.tab-content{margin-top:20px!important}.organizer-list-button{width:auto}#scrollToTopBtn{display:none;position:fixed;bottom:20px;right:20px;z-index:9999;font-size:20px;width:40px;height:40px;border:none;outline:none;background-color:#333;color:#fff;cursor:pointer;padding:5px;border-radius:50%;opacity:.7;transition:opacity .3s}#scrollToTopBtn:hover{opacity:1}

I seemed to have resolved the issue by create a new instance of the app and connecting the old database to the new instance and then moving the custom domains over to the new app as indicated in this forum post.

I went back to the original screenshot, and it is partially cut off, but it looks like the status code on the responses that failed was 404.

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.