LSP-SUGAR: typescript language server raises skeleton module found but not resolved in tailwind.config.ts

[Haiz14]

Current Behavior

This error doesn't affect the working of skeleton, only the lsp complains.

Follow reproducing section, and an error like this will be raised by typescript server language server.

 │     Cannot find module '@skeletonlabs/skeleton/plugin' or its corresponding type declarations. typescript (2307) [3, 26]
 │        There are types at '/data/data/com.termux/files/home/teste-skeleton-next/node_modules/@skeletonlabs/skeleton/dist/plugin/index.d.ts', but this result could not be resolved under your current 'moduleResolution' setting. Consider updating to 'node16', 'nodenext', or 'bundler'. 

Typescript language server version ❯ typescript-language-server --version 4.3.3

Expected Behavior

LSP shouldn't raise this error.

Steps To Reproduce

1. Standard installation of skeleton-next sveltekit via https://next.skeleton.dev/docs/get-started/installation/sveltekit
2. Final tailwind.config.ts should be something like

import type { Config } from 'tailwindcss';
import { join } from 'path';
import { skeleton } from '@skeletonlabs/skeleton/plugin';
import * as themes from '@skeletonlabs/skeleton/themes';

export default {
	content: [
		'./src/**/*.{html,js,svelte,ts}',
		join(require.resolve('@skeletonlabs/skeleton-svelte'), '../**/*.{html,js,svelte,ts}')
	],

	theme: {
		extend: {}
	},

	plugins: [
		skeleton({
			themes: [
				themes.rose,
				themes.cerberus,
			],
		})
	]
} as Config;

3. Check your typescript lsp errors. It should show the expected error.

Link to Reproduction / Stackblitz

No response

More Information

tsconfig.json 's modupeResolution is bundler

[Haiz14]

not reproducible in vscode, should i close it? It only occurs in my neovim lsp.

[endigo9740]

@Haiz14 we'll leave it for now for documentation sake.

[Xenon27]

I have a similar thing in VS-Code

[endigo9740]

@Haiz14 @Xenon27 I was able to replicate a similar issue last week when testing Skeleton for a Next.js project with Turbopack enabled. Can the two of you confirm which framework you're using.

1. SvelteKit | Next.js | other
2. If Next.js are you using Turbopack: Yes/No

EDIT Haiz I see you linked to the SvelteKit docs, so I'm going to assume this is what you were using. But I'll let you confirm.

[Xenon27]

I am using SvelteKit

[Haiz14]

Sveltekit