Styling not applied on dev server | Astro Lounge | Page 1

ornate schooner Oct 29, 2023, 9:53 PM

#

I just created a new astro application and attempt to add a scoped <style> section but when using 'npm run dev' I am unable to see the style changes. I deployed the style changes up to my hosting platform and can see my style changes there... What am I missing that is not allowing me to view my style changes locally on the dev server?

hallow ridge Oct 29, 2023, 9:59 PM

#

What version of Astro are you on and what operating system?

#

There was an issue like this not too long ago that only happened on Windows on certain configurations

#

But it has been fixed since, though

ornate schooner Oct 29, 2023, 10:00 PM

#

I’m on Astro version 3.4.0 on windows 10

#

I’ll try on another machine and see if it works there

ornate schooner Oct 29, 2023, 10:23 PM

#

so I tried on a different machine and everything worked as expected

#

create astro options used:

./sample-astro
Empty
[install dependencies] Yes
[install typescript] Yes
Strict
[initialize repo] Yes

Working Environment
Astro Version: v3.4.0
OS Version: Windows 10 21H2 (OS Build 19044.3570)
Node Version: v18.18.0

Failing Environment
Astro Version: v3.4.0
OS Version: Windows 10 22H2 (OS Build 19045.3570)
Node Version: v20.9.0 (also tried v18.18.2)

#

let me know if there are any other relevant details I can help provide

hallow ridge Oct 29, 2023, 10:28 PM

#

cc @rancid lintel who worked on the fix

rancid lintel Oct 30, 2023, 1:23 PM

#

a few things you could try to help debug this

run ECHO %cd% (the issue i fixed had to do with lowercase drive letters)
run node node_modules/astro/astro.js dev (maybe you had astro globally installed)
run using powershell, instead of cmd (i've only known an issue that happened with cmd)

ornate schooner Oct 30, 2023, 6:22 PM

#

echo %cd% returns “C:\Users\person\Source\repos\sample-repo
tried this with no success
I actually was using powershell previously but tried cmd with no success

I am trying both edge and chrome when viewing the dev output but nothing seems to work

rancid lintel Oct 30, 2023, 6:23 PM

#

could you share screenshots

#

terminal, browser, and dev tools - elements and console

ornate schooner Oct 30, 2023, 6:25 PM

#

sure one moment

ornate schooner Oct 30, 2023, 7:00 PM

#

#

#

#

CMD:

rancid lintel Oct 30, 2023, 7:14 PM

#

super weird

#

same outside of vscode?

ornate schooner Oct 30, 2023, 7:26 PM

#

just tested ISE same thing

#

#

It works from command prompt!!!!

#

that is so strange

rancid lintel Oct 30, 2023, 7:31 PM

#

wtf

#

could you try again after installing astro@experimental--extra-logging

ornate schooner Oct 30, 2023, 7:49 PM

#

rancid lintel Oct 30, 2023, 7:50 PM

#

and with the default cmd terminal

#

basically looking for differences between the two

ornate schooner Oct 30, 2023, 7:51 PM

#

#

there is a LOT of logs from the command prompt

rancid lintel Oct 30, 2023, 7:56 PM

#

importantly the one for lang.css

#

well it isnt the same issue as the last time

#

but luckily we found a workaround much sooner

#

i see that as an absolute win

ornate schooner Oct 30, 2023, 7:57 PM

#

yea I can definitely use this workaround for now

#Styling not applied on dev server