如何将节点模块导入到 svelte 组件中

Question

我是 svelte 的新手，我正在尝试在我的依赖项中使用一个已安装的节点模块，称为动量滑块。在我的 svelte 组件的脚本标签中，我有：

import MomentumSlider from "../../node_modules/momentum-slider";
let slider = new MomentumSlider({
   el: ".ms-container",
});

在我的组件的 html 标记中，我有建议的标记，如教程中所示：https://scotch.io/tutorials/building-a-fancy-countdown-timer-with-momentumsliderjs

但是，我在浏览器控制台中收到类型错误：

总的来说，我是开发新手，我不确定这是动量滑块的问题还是我的错误。任何见解将不胜感激。

Answer 1

不确定如何使用这个库，但你应该注意两件事。首先导入你的包，如下所示：

import MomentumSlider from "momentum-slider";

其次，您需要在使用onMountMomentumSlider安装组件时初始化该类：

import { onMount } from "svelte";
import MomentumSlider from "momentum-slider";

let slider;

onMount(() => {
  slider = new MomentumSlider({ 
    el: ".ms-container"
  });
});