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

Question

我是新手，我试图在依赖关系中使用已安装的节点模块，称为动量滑块。在我的苗条组件的脚本标签中，我有：

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

所示。

但是，我在浏览器控制台中遇到typeError：

我一般都不熟悉开发，因此我不确定这是动量滑块问题还是我的错误。任何见解将不胜感激。

Answer 1

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

import MomentumSlider from "momentum-slider";

第二，在使用onMount安装组件时，需要初始化MomentumSlider类：

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

let slider;

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

Answer 2

如果您已正确安装软件包：npm install momentum-slider 该软件包将列在您的package.json中。

适合时，您只需导入： import MomentumSlider from "momentum-slider";