Comments (8)
I will need more information to help.
1 - Which css gem are you using? cssbundling-rails, dartsass-rails, or tailwind-rails?
2 - When you say the manifest file has no problem, do you mean that it has an entry for tailwind.css file?
3 - Is tailswind.css file in the public/assets folder after precompile?
from propshaft.
@brenogazzola thanks for looking into it!
Below the information
- tailwindcss-rails
2.0.8-arm64-darwin
- correct, this is what the manifest looks like after a
rails assets:precompile
{"tailwind.css":"tailwind-fb954058e5fd6a4053212d3556fa206f22302e90.css","backgrounds/bank-note.svg":"backgrounds/bank-note-50af140247e3439021747435ae92c3fd80e32f19.svg","backgrounds/undraw_no_data.svg":"backgrounds/undraw_no_data-0c5103bc939b8a036c3843619f98420dfc43de2a.svg","backgrounds/circuit-board.svg":"backgrounds/circuit-board-3d78da3974a2290c319c15e7034bd9dbd8450bb9.svg","backgrounds/undraw_alert.svg":"backgrounds/undraw_alert-b085948b5447f62750d4131c93e60e8405a138d2.svg","backgrounds/graph-paper.svg":"backgrounds/graph-paper-32da6b2f96dba9c94727a2cafec73a5f38b3d66a.svg","backgrounds/falling-triangles.svg":"backgrounds/falling-triangles-2f52a5b6f9dc00502def4eaf5ef8b4c9dfc461d9.svg","application.tailwind.css":"application.tailwind-d0d91abd3e76a75273408065798334439ec3368e.css","application.css":"application-2d04d1b749c0e0e5100489b3b423c9b8ce2e27e4.css","Inter-italic.greek.var.woff2":"Inter-italic.greek.var-0237d2cb53480f610892ca60df2a312ef229dc78.woff2","Inter-roman.latin.var.woff2":"Inter-roman.latin.var-f4cf732763710b1578dcb10fada6484284e39ac3.woff2","Inter-italic.vietnamese.var.woff2":"Inter-italic.vietnamese.var-b86af8f080cf435b6679bdc2fe5d01e67a73d968.woff2","Inter-roman.cyrillic.var.woff2":"Inter-roman.cyrillic.var-617f83b242b64f68afd70903d382f0f6305bb590.woff2","Inter-roman.greek.var.woff2":"Inter-roman.greek.var-500924034d991abcee1c493af565badbc214a4bc.woff2","Inter-roman.alternates.var.woff2":"Inter-roman.alternates.var-384656f1c6ce84130f8b902cf5267bd17eec995c.woff2","Inter-italic.latin.var.woff2":"Inter-italic.latin.var-26f4216faef913a69714ee7d28f12d31a71bc224.woff2","Inter-roman.vietnamese.var.woff2":"Inter-roman.vietnamese.var-ecac6871adf22786ac28da931b7b570f75a71654.woff2","Inter-italic.symbols.var.woff2":"Inter-italic.symbols.var-94f0c2bd9453870b21f4a1b633a8818dbe41f3b1.woff2","Inter-italic.extra.var.woff2":"Inter-italic.extra.var-6a679c243c7a75b26fe6bdb7f8b2e56124007945.woff2","Inter-roman.symbols.var.woff2":"Inter-roman.symbols.var-fc6b8addd3e8a0040c87cb153662ec54b706ba32.woff2","Inter-italic.latin-ext.var.woff2":"Inter-italic.latin-ext.var-90bd98d581429f8b459a71219968bf188f1f0989.woff2","Inter-italic.alternates.var.woff2":"Inter-italic.alternates.var-6a679c243c7a75b26fe6bdb7f8b2e56124007945.woff2","Inter-roman.latin-ext.var.woff2":"Inter-roman.latin-ext.var-c2fb49f067b59023e4a2b00a567458529bbd92fa.woff2","Inter-italic.cyrillic.var.woff2":"Inter-italic.cyrillic.var-b860a9d06fa7dc1f844a2343a096762d1b5513a0.woff2","Inter-roman.extra.var.woff2":"Inter-roman.extra.var-384656f1c6ce84130f8b902cf5267bd17eec995c.woff2","inter-font.css":"inter-font-5d03f6e514e09bb762620f3f1d38145a16f6504f.css","stimulus.min.js":"stimulus.min-18eaacc58b7827f3729d07fff0094620e22f9c20.js","stimulus.js":"stimulus-33b5690d111cc0620be9dd1b12e236dacf03a024.js","stimulus.min.js.map":"stimulus.min.js-787cb4d685ae9a10466252272464074f1215b5a9.map","stimulus-importmap-autoloader.js":"stimulus-importmap-autoloader-8678f88c061b2304855da698756b741391e08db4.js","stimulus-autoloader.js":"stimulus-autoloader-f0ebf72276e8a3370cc9bf4bb5888307b3d4bb02.js","stimulus-loading.js":"stimulus-loading-e367296568a6df104dc84fcfe5d1aafae5076fc0.js","turbo.min.js.map":"turbo.min.js-be482c12399498cf96dfffc770008c5c80f46f68.map","turbo.js":"turbo-584e11f34371796122a0100de30f21d9a7e4af20.js","turbo.min.js":"turbo.min-2e103ccc37abc7e592e309b1e6fa6aab152c8c99.js","es-module-shims.js.map":"es-module-shims.js-3a66b10e1bd5dc914a9eb8dd80ffd6d9b606d3ea.map","es-module-shims.js":"es-module-shims-6a29d1d0b1d1409eca0af6175eb03f8e14cffc55.js","es-module-shims.min.js":"es-module-shims.min-5ae73ca96350ef69888fc88e45277f783c0be43b.js","action_cable.js":"action_cable-a21b4532ea1400611d408e8375c5c42a35c11199.js","actioncable.esm.js":"actioncable.esm-850276fc683d4c874d6c73f5ed0954f24f5bf389.js","actioncable.js":"actioncable-121775e39ad4dc481c68abee9955c60b0b1ff7d6.js","actiontext.js":"actiontext-92c50511824a8ff9a235f6e1ee2e9627b9bd0f27.js","trix.js":"trix-c9e1c067e4bfaad3fb2c0e4d65b5b11115fc3f6a.js","trix.css":"trix-f84c5ee27b3a44e58ee790d379e9bb11624891e2.css","activestorage.esm.js":"activestorage.esm-852e4c97bb3b9e7a957506bc1993528ae91843a5.js","activestorage.js":"activestorage-14ce7a0eac3f16a2135c9bda5402d49953c1a3bc.js","rails-ujs.js":"rails-ujs-c3b690f9b8614cb5b5611b669cbf480235543f71.js","application.js":"application-71cc3ac8c00a1b68a53eca7aa49b154c8a5d858b.js","controllers/index.js":"controllers/index-a60852f1edb9abac18231d32c970b5d1d066dc74.js","controllers/application.js":"controllers/application-dd6ee432f25b60298ff91381e781b92a7f218ff6.js"}
- It is. The name even matches the digest-stamp in the manifest.
The stylesheet_link_tag
is unchanged as far as I can tell - that's why I am unable to figure out what the problem is.
<head>
<%= display_meta_tags site: "My Title", reverse: true %>
<meta name="viewport" content="width=device-width,initial-scale=1">
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
<%= javascript_importmap_tags %>
</head>
from propshaft.
Yeah, everything looks fine. When you run precompile does the build folder already exist?
(Build folder must exist at all times and be commited to the repo. Just the folder, not the files inside).
If yes, do you think you can provide a minimal project that contains the error? I’ll debug to figure out what’s broken.
from propshaft.
Yeah, the build folder exists and is committed into VCS - contents are ignored.
@brenogazzola you should've received access to the project I'm having trouble with. I appreciate you looking into it!
from propshaft.
@brueggemann-erik Found it. The problem is this initializer:
Oj.default_options = { symbol_keys: true }
Propshaft uses standard JSON.parse
when reading the manifest file, and therefore expects all keys (the asset names) to be string. This is turning them intro symbols. Just remove it and you will be fine.
from propshaft.
Sorry, I'll reopen this while I discuss with the others if we should support this option.
from propshaft.
@brenogazzola thank you so much - would have never guessed that to be the culprit. 😊
from propshaft.
No problem. Don’t forget to remove me from the project.
from propshaft.
Related Issues (20)
- Asset digest is computed before compilation HOT 7
- Not able to detect changes in the assets HOT 1
- Raising an error when an asset is not found HOT 4
- config.asset_host as a proc breaks asset paths HOT 1
- quiet_assets initializer breaks when using a custom Rails logger HOT 2
- Using images inside node_modules HOT 3
- Newly added files that are already digested aren't available in development HOT 4
- `assets:clean` task is not cleaning predigested assets with `.digest` in the name HOT 7
- Allow digested files with the same name prefix
- Upgrade doc refers to 'packages.json' HOT 1
- Current version v0.7.0 contains the broken #118 asset_host handling HOT 1
- Revisit Gzip compression support? HOT 15
- SCSS files digested by default HOT 1
- allow a configurable digest length HOT 11
- Using Propshaft::Asset#content with UTF-8 encoding HOT 5
- Add single files to assets compilation HOT 2
- Digests required in dev? HOT 4
- missing require rack/version causing issues with sidekiq HOT 3
- CSS Variable Images HOT 3
- Builds folder not appearing in asset load path causing 'home.css' asset not found error HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from propshaft.