typescript - Svelte, Skeleton, Tailwind npm install-fout

Ik ben vrij nieuw in de svelte/typescript wereld en sinds gisteren krijg ik plotseling wat fouten na installatie. Ik heb precies dezelfde dingen gedaan als een paar dagen geleden en ik kan niet begrijpen wat er gebeurt.

Dit is mijn wat ik deed:

npm create svelte@latest diceGame

cd diceGame

npm install

Toen installeerde ik Skeleton

npm i @skeletonlabs/skeleton --save-dev

Toen installeerde ik Tailwind

npx svelte-add@latest tailwindcss

npm install

Nu krijg ik een fout zoals je in de screenshot kunt zien

Enige hulp/suggesties over wat ik zou kunnen doen om een schone installatie te hebben?

Antwoord #1

Volg de skeleton UI startdocumentatie.

Ik heb deze stappen de laatste tijd een paar keer gevolgd en had nog nooit een probleem.

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

Stel vervolgens je Tailwind-configuratie in met behulp van de .ts-bestandsextensie.

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;