怎样在 SvelteKit 中导入 $lib,而不出现 TypeScript 错误

huangapple go评论59阅读模式
英文:

How to import $lib in sveltekit without typescript errors

问题

我想在我的 Svelte 项目中导入一个 `$lib`而不会在 vscode 中出现 TypeScript 错误该项目可以正常构建和运行

import ThemeSwitch from '$lib/ThemeSwitch/ThemeSwitch.svelte';

> 无法找到模块 '$lib/ThemeSwitch/ThemeSwitch.svelte' 或其对应的类型声明

我不确定是否需要类似 Svelte 声明页面数据类型的方式来声明类型

/** @type {import('./$types').PageData} */
英文:

I would like import a $lib for my svelte project without typescript errors in vscode. The project builds and runs without issue.

import ThemeSwitch from '$lib/ThemeSwitch/ThemeSwitch.svelte';

> Cannot find module '$lib/ThemeSwitch/ThemeSwitch.svelte' or its corresponding type declarations

I am not sure if I need to declare types similar to how svelte declares page data types.

/** @type {import('./$types').PageData} */

答案1

得分: 1

确保在设置中启用了 TS 插件,如果导入在 TS/JS 文件中:

{
  "svelte.enable-ts-plugin": true,
}
英文:

Make sure the TS-plugin is enabled in the settings if the import is in a TS/JS file:

{
  "svelte.enable-ts-plugin": true,
}

huangapple
  • 本文由 发表于 2023年2月6日 04:33:57
  • 转载请务必保留本文链接:https://go.coder-hub.com/75355330.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定