typescript - Svelte, Skeleton, Tailwind npm 설치 오류

저는 svelte/typescript 세계에 꽤 새롭고, 어제부터 설치 후에 갑자기 몇 가지 오류가 발생했습니다. 며칠 전부터 똑같은 일을 했는데 무슨 일이 일어나고 있는지 이해할 수 없습니다.

이것이 내가 한 것입니다:

npm create svelte@latest diceGame

cd diceGame

npm install

그런 다음 나는 스켈레톤을 설치했다

npm i @skeletonlabs/skeleton --save-dev

그런 다음 나는 Tailwind를 설치했다

npx svelte-add@latest tailwindcss

npm install

지금 스크린샷에서 볼 수 있듯이 오류가 발생합니다

깨끗한 설치를 위해 내가 할 수 있는 일에 대한 도움이나 제안이 있나요?

답변 #1

스켈레톤 UI 시작 문서를 따라주세요.

최근에 이 단계를 몇 번 따라 해봤지만 한 번도 문제가 없었습니다.

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

그런 다음, .ts 파일 확장자를 사용하여 Tailwind 구성을 설정하세요.

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;