Skip to content

css not loading/loading too late (SASS) #7873

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

Closed
offeex opened this issue Nov 29, 2022 · 7 comments
Closed

css not loading/loading too late (SASS) #7873

offeex opened this issue Nov 29, 2022 · 7 comments
Milestone

Comments

@offeex
Copy link

offeex commented Nov 29, 2022

Describe the bug

Repro: https://github.com/OffeeX/sindrom-svelt-kita
you will fiind out css being not loaded until CTRL + F5, or loaded incompletely
Have this issue only ini PRODUCTION or preview mode
Tested on chrome and firefox

Reproduction

I don't know i'm only one experiencing this.
Similar issue: #967

Logs

No response

System Info

System:
    OS: Linux 5.15 Ubuntu 22.04.1 LTS 22.04.1 LTS (Jammy Jellyfish)
    CPU: (12) x64 AMD Ryzen 5 5600H with Radeon Graphics
    Memory: 2.95 GB / 15.48 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 18.10.0 - ~/.nvm/versions/node/v18.10.0/bin/node
    npm: 8.19.2 - ~/.nvm/versions/node/v18.10.0/bin/npm
  Browsers:
    Brave Browser: 106.1.44.112
    Firefox: 107.0
  npmPackages:
    @sveltejs/adapter-node: 1.0.0-next.100 => 1.0.0-next.100 
    @sveltejs/kit: next => 1.0.0-next.551 
    svelte: ^3.44.0 => 3.52.0 
    vite: ^3.2.4 => 3.2.4

Severity

blocking all usage of SvelteKit

Additional Information

No response

@offeex
Copy link
Author

offeex commented Nov 29, 2022

found out that this line breaks everything (SASS)
image

I need to use in css animations like this
image

Again, that happens only in preview/production, not in dev

@offeex offeex changed the title css not loading/loading too late css not loading/loading too late (SASS) Nov 29, 2022
@adealmeida-aa
Copy link

adealmeida-aa commented Dec 7, 2022

I'm experiencing a similar issue but I'm not using the random function, I'm using random to generate the stars for the background of my application.
image

My dependencies aren't even super complicated:
image

@adealmeida-aa
Copy link

I realized this has a lot to do with the fact that vite's cssCodeSplit option is something we can't manipulate. It would be fine if we can just output all the CSS used in SvelteKit to a single .css file when using the Node adapter...

@dummdidumm dummdidumm added this to the post-1.0 milestone Dec 12, 2022
@imjuniper
Copy link

I seem to be experiencing a similar issue with PostCSS. Since my project is relatively new, I'll try removing PostCSS to see if the issue disappears.

@imjuniper
Copy link

I can confirm that removing PostCSS and using plain CSS fixes the issue.

@vdawg-git
Copy link

I am using PostCss and Sass (separate components) and I have this problem too

@eltigerchino
Copy link
Member

Closing this issue as it's stale and the reproduction is no longer accessible

@eltigerchino eltigerchino closed this as not planned Won't fix, can't repro, duplicate, stale Nov 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants