๋ฒ๊ทธ ์ค๋ช
์ด ๋ซํ ๋ฌธ์ ์ ์ ์ฌํ ์ค๋ฅ์
๋๋ค-https: //github.com/sveltejs/language-tools/issues/396
์ ์ผํ ์ฐจ์ด์ ์ plainJS ๊ตฌ์ฑ ์์๊ฐ ํด๋น ๊ตฌ์ฑ ์์์ ์ฌ์ฉ๋๋ค๋ ๊ฒ์
๋๋ค.
๋๋ ๊ทธ๊ฒ์ ์ฐ ์ฌ๋์ด ๊ทธ๊ฒ์ ์ด๋ป๊ฒ ํด๊ฒฐํ๋์ง ์ฌํํ๊ธฐ ์ํด ์ฌ๋ฌ ๊ฐ์ง ๋ฐฉ๋ฒ์ผ๋ก ์๋ํ์ง๋ง ์์ฉ์ด ์์ต๋๋ค.
Svelte Material UI ์ฌ๋ผ์ด๋๊ฐ ์์ต๋๋ค.
๋๋ ์ด๊ฒ์ ์ด๋ ๊ฒ ์์ ํ๋ค
import Slider from '@smui/slider/bare.js';
์ด๊ฒ์ ๋ฌธ์ ๊ฐ์๋ ์ค์
๋๋ค- <Slider on:volume-changed={event => changeTrackVolume(event, track)}/>
๋ด types.d.ts๋ฅผ ์ถ๊ฐํ๋ฉด
declare module '@smui/slider/bare.js' {
export class Slider {
$$prop_def: any;
$on: any;
}
}
Object is of type 'unknown'.ts(2571)
Argument of type 'typeof import("@smui/slider/bare.js")' is not assignable to parameter of type 'AConstructorTypeOf<unknown>'.
Type 'typeof import("@smui/slider/bare.js")' provides no match for the signature 'new (...args: any[]): unknown'.ts(2345)
JSX element type 'Slider' does not have any construct or call signatures.ts(2604)
์ด๊ฒ์ด ๋ด๊ฐ ์ป๋ ์ค๋ฅ์
๋๋ค.
๋๋ ๋ํ @ smui / slider ๋ฑ์ผ๋ก ์๋ํ๊ณ ๊ธฐ๋ณธ ์ฌ๋ผ์ด๋๋ฅผ ๋ด๋ณด๋์ง๋ง ์ง๊ธ๊น์ง ์๋ฌด๊ฒ๋ ์๋ํ์ง ์์์ต๋๋ค.
๋๊ตฐ๊ฐ ๋๋ฅผ ์ด๊ตฌ ํ ์ ์๋ค๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค.
๊ฐ์ฌ.
Slider
ํด๋์ค ์ ์์ ์์ฑ์๋ฅผ ์ถ๊ฐ ํ ์ ์์ต๋๋ค.
declare module '@smui/slider' {
export default class Slider {
$$prop_def: any;
$on: any;
}
}
๊ทธ๋ฐ ๋ค์ ๊ฐ์ ๊ฐ์ ธ ์ค๊ธฐ
import Slider from '@smui/slider';
๋๋ฅผ ์ํด ์๋ํฉ๋๋ค.
๊ทธ๋๋ ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋์ง ์์ผ๋ฉด ์ฌํ ๊ฐ๋ฅํ ์ฝ๋ ์ค ๋ํซ + ๋จ๊ณ๋ณ ๋๋ ์ ์ฅ์๋ฅผ ๊ฒ์ ํ ์ ์์ต๋๊น?
@dummdidumm ์๋ํ์ต๋๋ค.
๊ฐ์ฌํฉ๋๋ค!
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
@dummdidumm ์๋ํ์ต๋๋ค.
๊ฐ์ฌํฉ๋๋ค!