Closed shinokada closed 1 year ago
60 errors to go:
npm run check
> flowbite-svelte@0.29.1 check
> svelte-kit sync && svelte-check --tsconfig ./tsconfig.json
====================================
Loading svelte-check in workspace: /Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development
Getting Svelte diagnostics...
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/+layout.js:1:30
Error: Binding element 'fetch' implicitly has an 'any' type.
export const load = async ({ fetch }) => {
try {
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/components/[slug]/+page.js:2:30
Error: Binding element 'params' implicitly has an 'any' type.
// src/routes/components/[slug]/+page.js
export async function load({ params }){
const post = await import(`../${params.slug}.md`)
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/extend/[slug]/+page.js:2:30
Error: Binding element 'params' implicitly has an 'any' type.
// src/routes/components/[slug]/+page.js
export async function load({ params }){
const post = await import(`../${params.slug}.md`)
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/forms/[slug]/+page.js:2:30
Error: Binding element 'params' implicitly has an 'any' type.
// src/routes/components/[slug]/+page.js
export async function load({ params }){
const post = await import(`../${params.slug}.md`)
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/pages/[slug]/+page.js:2:31
Error: Binding element 'params' implicitly has an 'any' type.
// src/routes/components/[slug]/+page.js
export async function load ({ params }) {
const post = await import(`../${params.slug}.md`)
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/typography/[slug]/+page.js:2:30
Error: Binding element 'params' implicitly has an 'any' type.
// src/routes/components/[slug]/+page.js
export async function load({ params }){
const post = await import(`../${params.slug}.md`)
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/utilities/[slug]/+page.js:2:30
Error: Binding element 'params' implicitly has an 'any' type.
// src/routes/components/[slug]/+page.js
export async function load({ params }){
const post = await import(`../${params.slug}.md`)
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/vite.config.ts:6:7
Hint: JSDoc types may be moved to TypeScript types.
/** @type {import('vite').UserConfig} */
const config = {
plugins: [sveltekit(), examples],
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/hooks.server.js:1:32
Error: Binding element 'event' implicitly has an 'any' type.
export const handle = async ({ event, resolve }) => {
// vite function to get all md files from components dir
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/hooks.server.js:1:39
Error: Binding element 'resolve' implicitly has an 'any' type.
export const handle = async ({ event, resolve }) => {
// vite function to get all md files from components dir
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/createEventDispatcher.js:14:10
Error: Parameter 'type' implicitly has an 'any' type.
const component = get_current_component();
return (type, target, detail) => {
const callbacks = component.$$.callbacks[type];
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/createEventDispatcher.js:14:16
Error: Parameter 'target' implicitly has an 'any' type.
const component = get_current_component();
return (type, target, detail) => {
const callbacks = component.$$.callbacks[type];
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/createEventDispatcher.js:14:24
Error: Parameter 'detail' implicitly has an 'any' type.
const component = get_current_component();
return (type, target, detail) => {
const callbacks = component.$$.callbacks[type];
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/createEventDispatcher.js:19:31
Error: Parameter 'fn' implicitly has an 'any' type.
target.dispatchEvent(event);
callbacks.slice().forEach((fn) => {
fn.call(component, event);
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/focusTrap.js:13:35
Error: Parameter 'node' implicitly has an 'any' type.
export default function focusTrap(node) {
const tabbable = Array.from(node.querySelectorAll(selectorTabbable));
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/focusTrap.js:16:28
Error: Parameter 'e' implicitly has an 'any' type.
function handleFocusTrap(e) {
let isTabPressed = e.key === 'Tab' || e.keyCode === 9;
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/utils/index.ts:26:15
Error: Property 'metadata' does not exist on type 'unknown'.
iterableComponentFiles.map(async ([path, resolver]) => {
const { metadata } = await resolver()
const filePath = path.slice(22, -3)
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/utils/index.ts:37:15
Error: Property 'metadata' does not exist on type 'unknown'.
iterableFormFiles.map(async ([path, resolver]) => {
const { metadata } = await resolver()
const filePath = path.slice(17, -3)
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/utils/index.ts:48:15
Error: Property 'metadata' does not exist on type 'unknown'.
iterableTypographyFiles.map(async ([path, resolver]) => {
const { metadata } = await resolver()
const filePath = path.slice(22, -3)
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/utils/index.ts:59:15
Error: Property 'metadata' does not exist on type 'unknown'.
iterableUtilFiles.map(async ([path, resolver]) => {
const { metadata } = await resolver()
const filePath = path.slice(21, -3)
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/utils/index.ts:70:15
Error: Property 'metadata' does not exist on type 'unknown'.
iterablePageFiles.map(async ([path, resolver]) => {
const { metadata } = await resolver()
const filePath = path.slice(17, -3)
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/utils/index.ts:81:15
Error: Property 'metadata' does not exist on type 'unknown'.
iterableExtendFiles.map(async ([path, resolver]) => {
const { metadata } = await resolver()
const filePath = path.slice(18, -3)
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/accordions/AccordionItem.svelte:51:25
Hint: 'e' is declared but its value is never read. (ts)
const handleToggle = (e: Event) => selected.set(open ? {} : self);
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/CloseButton.svelte:33:3
Error: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ dark: string; gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; default: string; }'.
No index signature with a parameter of type 'string' was found on type '{ dark: string; gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; default: string; }'. (ts)
sizing[size],
colors[color],
color === 'default' &&
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/avatar/Dot.svelte:26:7
Error: Variable 'dotClass' implicitly has type 'any' in some locations where its type cannot be determined. (ts)
let dotClass;
$: dotClass = classNames(
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/avatar/Dot.svelte:44:18
Error: Variable 'dotClass' implicitly has an 'any' type. (ts)
<slot />
<span class={dotClass} />
</div>
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/badges/Badge.svelte:50:5
Error: Element implicitly has an 'any' type because expression of type 'Colors' can't be used to index type '{ blue: string; dark: string; red: string; green: string; yellow: string; indigo: string; purple: string; pink: string; "!blue": string; "!dark": string; "!red": string; "!green": string; "!yellow": string; "!indigo": string; "!purple": string; "!pink": string; }'.
Property 'gray' does not exist on type '{ blue: string; dark: string; red: string; green: string; yellow: string; indigo: string; purple: string; pink: string; "!blue": string; "!dark": string; "!red": string; "!green": string; "!yellow": string; "!indigo": string; "!purple": string; "!pink": string; }'. (ts)
large ? 'text-sm font-medium' : 'text-xs font-semibold',
colors[color],
href && (hovers[color] ?? hovers.blue),
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/badges/Badge.svelte:51:14
Error: Element implicitly has an 'any' type because expression of type 'Colors' can't be used to index type '{ blue: string; dark: string; red: string; green: string; yellow: string; indigo: string; purple: string; pink: string; }'.
Property 'gray' does not exist on type '{ blue: string; dark: string; red: string; green: string; yellow: string; indigo: string; purple: string; pink: string; }'. (ts)
colors[color],
href && (hovers[color] ?? hovers.blue),
rounded ? 'rounded-full p-1' : 'rounded px-2.5 py-0.5',
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/buttons/Button.svelte:139:20
Error: Element implicitly has an 'any' type because expression of type '"blue" | "dark" | "light" | "green" | "red" | "yellow" | "purple" | "cyan" | "teal" | "lime" | "pink" | "alternative" | "primary" | "purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow"' can't be used to index type '{ blue: string; green: string; cyan: string; teal: string; lime: string; red: string; pink: string; purple: string; purpleToBlue: string; cyanToBlue: string; greenToBlue: string; purpleToPink: string; pinkToOrange: string; tealToLime: string; redToYellow: string; }'.
Property 'dark' does not exist on type '{ blue: string; green: string; cyan: string; teal: string; lime: string; red: string; pink: string; purple: string; purpleToBlue: string; cyanToBlue: string; greenToBlue: string; purpleToPink: string; pinkToOrange: string; tealToLime: string; redToYellow: string; }'. (ts)
outline && gradient ? 'p-0.5' : 'inline-flex items-center justify-center ' + sizeClasses[size],
gradient ? gradientClasses[color] : outline ? outlineClasses[color] : colorClasses[color],
color === 'alternative' &&
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/buttons/Button.svelte:139:55
Error: Element implicitly has an 'any' type because expression of type '"blue" | "dark" | "light" | "green" | "red" | "yellow" | "purple" | "cyan" | "teal" | "lime" | "pink" | "alternative" | "primary" | "purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow"' can't be used to index type '{ blue: string; light: string; dark: string; green: string; red: string; yellow: string; purple: string; }'.
Property 'cyan' does not exist on type '{ blue: string; light: string; dark: string; green: string; red: string; yellow: string; purple: string; }'. (ts)
outline && gradient ? 'p-0.5' : 'inline-flex items-center justify-center ' + sizeClasses[size],
gradient ? gradientClasses[color] : outline ? outlineClasses[color] : colorClasses[color],
color === 'alternative' &&
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/buttons/Button.svelte:139:79
Error: Element implicitly has an 'any' type because expression of type '"blue" | "dark" | "light" | "green" | "red" | "yellow" | "purple" | "cyan" | "teal" | "lime" | "pink" | "alternative" | "primary" | "purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow"' can't be used to index type '{ blue: string; dark: string; alternative: string; light: string; green: string; red: string; yellow: string; primary: string; purple: string; }'.
Property 'cyan' does not exist on type '{ blue: string; dark: string; alternative: string; light: string; green: string; red: string; yellow: string; primary: string; purple: string; }'. (ts)
outline && gradient ? 'p-0.5' : 'inline-flex items-center justify-center ' + sizeClasses[size],
gradient ? gradientClasses[color] : outline ? outlineClasses[color] : colorClasses[color],
color === 'alternative' &&
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/carousels/Carousel.svelte:64:27
Hint: 'imgurl' is declared but its value is never read. (ts)
<div class={indicatorDivClass}>
{#each images as { id, imgurl, name, attribution }}
<Indicator
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/carousels/Carousel.svelte:64:41
Hint: 'attribution' is declared but its value is never read. (ts)
<div class={indicatorDivClass}>
{#each images as { id, imgurl, name, attribution }}
<Indicator
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/carousels/Carousel.svelte:47:21
Error: Parameter 'number' implicitly has an 'any' type. (ts)
const goToSlide = (number) => (imageShowingIndex = number);
let thumbWidth = 100 / images.length;
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/carousels/CarouselTransition.svelte:88:30
Hint: 'imgurl' is declared but its value is never read. (ts)
<div class={indicatorDivClass}>
{#each images as { id, imgurl, name, attribution }}
<Indicator
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/carousels/CarouselTransition.svelte:88:44
Hint: 'attribution' is declared but its value is never read. (ts)
<div class={indicatorDivClass}>
{#each images as { id, imgurl, name, attribution }}
<Indicator
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/datepicker/Datepicker.svelte:15:21
Error: Parameter 'node' implicitly has an 'any' type. (ts)
$: setAttribute = (node, params) => {
node.setAttribute(params, '');
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/datepicker/Datepicker.svelte:15:27
Error: Parameter 'params' implicitly has an 'any' type. (ts)
$: setAttribute = (node, params) => {
node.setAttribute(params, '');
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/datepicker/Datepicker.svelte:49:5
Error: Type '{ type: string; class: string; placeholder: string; datepicker: true; "datepicker-buttons": true; "datepicker-format": string; "datepicker-orientation": string; "datepicker-title": string; }' is not assignable to type 'SvelteInputProps'.
Property 'datepicker' does not exist on type 'SvelteInputProps'. (ts)
{...$$restProps}
datepicker
datepicker-buttons
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/datepicker/Datepicker.svelte:62:5
Error: Type '{ type: string; class: string; placeholder: string; datepicker: true; "datepicker-format": string; "datepicker-orientation": string; "datepicker-title": string; }' is not assignable to type 'SvelteInputProps'.
Property 'datepicker' does not exist on type 'SvelteInputProps'. (ts)
{...$$restProps}
datepicker
datepicker-format={datepickerFormat}
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/footer/FooterLink.svelte:2:3
Hint: 'A' is declared but its value is never read. (ts)
<script lang="ts">
import A from '$lib/typography/A.svelte';
import classNames from 'classnames';
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/forms/Select.svelte:24:7
Error: Variable 'selectClass' implicitly has type 'any' in some locations where its type cannot be determined. (ts)
let selectClass;
$: selectClass = classNames(
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/forms/Select.svelte:34:44
Error: Variable 'selectClass' implicitly has an 'any' type. (ts)
<select {...$$restProps} bind:value class={selectClass} on:change on:input>
<option disabled selected value="">{placeholder}</option>
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/forms/Toggle.svelte:37:5
Error: Element implicitly has an 'any' type because expression of type 'any' can't be used to index type '{ red: string; green: string; purple: string; yellow: string; teal: string; orange: string; blue: string; }'. (ts)
background ? 'dark:bg-gray-600 dark:border-gray-500' : 'dark:bg-gray-700 dark:border-gray-600',
colors[$$restProps.color ?? 'blue'],
sizes[size],
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/toolbar/ToolbarButton.svelte:35:5
Error: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ default: string; gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; }'.
No index signature with a parameter of type 'string' was found on type '{ default: string; gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; }'. (ts)
sizing[size],
colors[color],
color === 'default' &&
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/navbar/NavLi.svelte:11:6
Error: Variable 'liClass' implicitly has type 'any' in some locations where its type cannot be determined. (ts)
let liClass;
$: liClass = classNames(
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/navbar/NavLi.svelte:34:10
Error: Variable 'liClass' implicitly has an 'any' type. (ts)
on:mouseover
class={liClass}>
<slot />
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/progressbars/Progressbar.svelte:33:46
Error: Element implicitly has an 'any' type because expression of type 'Colors' can't be used to index type '{ blue: string; gray: string; red: string; green: string; yellow: string; purple: string; indigo: string; }'.
Property 'pink' does not exist on type '{ blue: string; gray: string; red: string; green: string; yellow: string; purple: string; indigo: string; }'. (ts)
{#if labelInside}
<div class={classNames(labelInsideClass, barColors[color])} style="width: {progress}%">
{progress}%
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/progressbars/Progressbar.svelte:37:28
Error: Element implicitly has an 'any' type because expression of type 'Colors' can't be used to index type '{ blue: string; gray: string; red: string; green: string; yellow: string; purple: string; indigo: string; }'.
Property 'pink' does not exist on type '{ blue: string; gray: string; red: string; green: string; yellow: string; purple: string; indigo: string; }'. (ts)
{:else}
<div class={classNames(barColors[color], size, 'rounded-full')} style="width: {progress}%" />
{/if}
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/ratings/Rating.svelte:23:39
Hint: 'star' is declared but its value is never read. (ts)
{:else}
{#each Array(roundedRating) as _, star}
<slot name="ratingUp">
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/ratings/Rating.svelte:28:35
Hint: 'star' is declared but its value is never read. (ts)
{/each}
{#each Array(grayStars) as _, star}
<slot name="ratingDown">
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/ratings/RatingComment.svelte:41:37
Hint: 'star' is declared but its value is never read. (ts)
<div class="flex items-center mb-1">
{#each Array(roundedRating) as _, star}
<slot name="ratingUp">
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/ratings/RatingComment.svelte:46:33
Hint: 'star' is declared but its value is never read. (ts)
{/each}
{#each Array(grayStars) as _, star}
<slot name="ratingDown">
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/spinners/Spinner.svelte:30:30
Error: Element implicitly has an 'any' type because expression of type 'Colors' can't be used to index type '{ blue: string; gray: string; green: string; red: string; yellow: string; pink: string; purple: string; white: string; }'.
Property 'indigo' does not exist on type '{ blue: string; gray: string; green: string; red: string; yellow: string; pink: string; purple: string; white: string; }'. (ts)
let fillColorClass: string =
color === undefined ? '' : fillColorClasses[color] ?? fillColorClasses.blue;
</script>
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/timelines/TimelineItem.svelte:47:12
Error: Element implicitly has an 'any' type because expression of type '"custom" | "default" | "group" | "vertical" | "horizontal" | "activity"' can't be used to index type '{ default: string; vertical: string; horizontal: string; activity: string; group: string; }'.
Property 'custom' does not exist on type '{ default: string; vertical: string; horizontal: string; activity: string; group: string; }'. (ts)
<li class={liClasses[order]}>
{#if order === 'default'}
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/toolbar/Toolbar.svelte:42:17
Error: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; dark: string; }'.
No index signature with a parameter of type 'string' was found on type '{ gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; dark: string; }'. (ts)
embedded || 'rounded-lg border border-gray-200 dark:border-gray-600 py-2 px-3',
embedded || textColors[color],
embedded || bgColors[color],
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/toolbar/Toolbar.svelte:43:17
Error: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; dark: string; }'.
No index signature with a parameter of type 'string' was found on type '{ gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; dark: string; }'. (ts)
embedded || textColors[color],
embedded || bgColors[color],
$$props.class
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/toolbar/Toolbar.svelte:64:5
Error: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; dark: string; }'.
No index signature with a parameter of type 'string' was found on type '{ gray: string; red: string; yellow: string; green: string; indigo: string; purple: string; pink: string; blue: string; dark: string; }'. (ts)
// dark:divide-gray-600'
divideColors[color]
);
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:17:22
Error: Parameter 'node' implicitly has an 'any' type.
export const init = (node, _open) => {
getPlacementClasses().map((c) => node.classList.add(c));
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:17:28
Error: Parameter '_open' implicitly has an 'any' type.
export const init = (node, _open) => {
getPlacementClasses().map((c) => node.classList.add(c));
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:23:12
Error: Parameter '_open' implicitly has an 'any' type.
return {
update(_open) {
allPlacementClasses.map((c) => node.classList.remove(c));
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:67:25
Error: Parameter 'node' implicitly has an 'any' type.
const createBackdrop = (node) => {
if (!backdropEl) {
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:73:5
Error: 'body' is possibly 'null'.
const body = document.querySelector('body');
body.append(backdropEl);
body.style.overflow = 'hidden';
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:74:5
Error: 'body' is possibly 'null'.
body.append(backdropEl);
body.style.overflow = 'hidden';
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:82:26
Error: Parameter 'node' implicitly has an 'any' type.
const destroyBackdrop = (node) => {
const body = document.querySelector('body');
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:84:3
Error: 'body' is possibly 'null'.
const body = document.querySelector('body');
body.style.overflow = 'auto';
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:87:3
Error: Type 'undefined' is not assignable to type 'HTMLElement'.
if (backdropEl) backdropEl.remove();
backdropEl = undefined;
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/utils/backdrop.ts:96:23
Error: Parameter 'e' implicitly has an 'any' type.
const handleEscape = (e) => {
if (open && e.key === 'Escape') open = false;
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/lib/tabs/TabHeadItem.svelte:17:18
Error: Property 'style' does not exist on type 'TabCtxType'. (ts)
const ctx = getContext<TabCtxType>('ctx') ?? {};
tabStyle = ctx.style;
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/+error.svelte:5:6
Error: '$page.error' is possibly 'null'. (js)
<h1>{$page.error.message}</h1>
/Users/shinichiokada/Svelte/FLOWBITE-SVELTE/flowbite-svelte-local-development/src/routes/+page.svelte:92:20
Error: Type 'string' is not assignable to type 'never'. (js)
<Block.FooterBlock />
<Block.FormBlock rel="external" />
<Block.HeadingBlock />
====================================
svelte-check found 60 errors, 0 warnings, and 11 hints
Describe the bug
Run
npm run check
:Reproduction
N/A
Flowbite version and System Info