Preprocess failed for DisplaySettings.svelte.

[RiverKy]

$ npx astro build
23:48:40 [types] Generated 187ms
23:48:40 [build] output: "static"
23:48:40 [build] directory: /Users/RiverKy/Documents/Kais-Blog.nosync/dist/
23:48:40 [build] Collecting build info...
23:48:40 [build] ✓ Completed in 226ms.
23:48:40 [build] Building static entrypoints...
23:48:41 [ERROR] [vite] x Build failed in 1.32s
[vite-plugin-svelte] [plugin vite-plugin-svelte] src/components/widget/DisplaySettings.svelte (51:15): src/components/widget/DisplaySettings.svelte:51:15 Expected a valid CSS identifier
https://svelte.dev/e/css_expected_identifier

- Did you forget to add a stylus preprocessor? See https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/preprocess.md for more information.
file: /Users/RiverKy/Documents/Kais-Blog.nosync/src/components/widget/DisplaySettings.svelte:51:15

 49 |        input[type="range"]
 50 |          -webkit-appearance none
 51 |          height 1.5rem
                      ^
 52 |          background-image var(--color-selection-bar)
 53 |          transition background-image 0.15s ease-in-out

  Location:
    src/components/widget/DisplaySettings.svelte:51:15
  Stack trace:

[L4Ph]

use

pnpm run build
or
npm run build

do not use
npx or pnpm dlx

[RiverKy]

Tired out but didn’t work. FYI Cloudflare Pages’ building environment returned this error, too. On Jan 12, 2025, at 08:24, Katsuyuki Karasawa ***@***.***> wrote: use pnpm run build or npm run build do not use npx or pnpm dlx —Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you authored the thread.Message ID: ***@***.***>

[L4Ph]

@RiverKy

Please provide one of the following, as this is necessary to reproduce.

• Target repository url
• A repository that is not the target repository, but has equivalent changes

[ibra-kdbra]

This error is bugging me, the stylus syntax is really fine, I am developing this not building it using pnpm run dev, the same error above is persisting..

[ibra-kdbra]

I tried to downgrade the versions of the deps, packages in the .json file, it works fine, but when updating with this commits, the error re-occur.

[L4Ph]

@ibra-kdbra
Oops, I found the cause. I'll fix it, so please wait a moment.

[L4Ph]

It seems that @sveltejs/vite-plugin-svelte disappeared when the main branch was merged at some point.

pnpm add -D @sveltejs/vite-plugin-svelte

should resolve the issue even with the latest commit.

[L4Ph]

This was my mistake.
I really appreciate you raising the issue.

@RiverKy @ibra-kdbra

[L4Ph]

I check this issue.
but pnpm run dev is worked.

[L4Ph]

import { vitePreprocess } from "@astrojs/svelte";

[ibra-kdbra]

Already fixed it, thanks for quick response tho..

[RiverKy]

Yeah I can see a conclusion here but I don't have the permission to close this issue. You personnels may proceed.

[L4Ph]

Yeah I can see a conclusion here but I don't have the permission to close this issue. You personnels may proceed.

An issue can only be closed by the owner of this repository or the person who opened it. Can you close it?

[RiverKy]

Closed #281.
Okay signed out and back in and I can choose to close this. GitHub's fault.