typescript - Svelte, Skeleton, Tailwind error npm install

Saya cukup baru di dunia svelte/typescript dan sejak kemarin tiba-tiba saya mendapatkan beberapa kesalahan setelah instalasi. Saya melakukan hal yang persis sama seperti beberapa hari yang lalu dan saya tidak bisa memahami apa yang terjadi.

Ini adalah apa yang saya lakukan:

npm create svelte@latest diceGame

cd diceGame

npm install

Lalu saya memasang Skeleton

npm i @skeletonlabs/skeleton --save-dev

Lalu saya menginstal Tailwind

npx svelte-add@latest tailwindcss

npm install

Sekarang saya mendapatkan error seperti yang bisa Anda lihat di tangkapan layar

Ada bantuan/saran untuk apa yang bisa saya lakukan agar memiliki instalasi bersih?

Jawaban #1

Ikuti dokumentasi memulai UI skeleton.

Saya telah mengikuti langkah-langkah ini beberapa kali belakangan ini dan tidak pernah mengalami masalah.

npm create svelte@latest diceGame
cd diceGame
npm i
npm i -D @skeletonlabs/skeleton @skeletonlabs/tw-plugin
npx svelte-add@latest tailwindcss
npm i
npm add -D @types/node

Kemudian, atur konfigurasi Tailwind Anda menggunakan ekstensi file .ts.

import { join } from 'path';
import type { Config } from 'tailwindcss';

// 1. Import the Skeleton plugin
import { skeleton } from '@skeletonlabs/tw-plugin';

const config = {
    // 2. Opt for dark mode to be handled via the class method
    darkMode: 'class',
    content: [
        './src/**/*.{html,js,svelte,ts}',
        // 3. Append the path to the Skeleton package
        join(require.resolve(
            '@skeletonlabs/skeleton'),
            '../**/*.{html,js,svelte,ts}'
        )
    ],
    theme: {
        extend: {},
    },
    plugins: [
        // 4. Append the Skeleton plugin (after other plugins)
        skeleton
    ]
} satisfies Config;

export default config;