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