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

Question

我是 svelte 的新手，我正在尝试在我的依赖项中使用一个名为 momentum-slider 的已安装节点模块。在我的 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

教程中所示的建议标记

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

总体而言，我是开发新手，我不确定这是 momentum-slider 的问题还是我的错误。任何见解将不胜感激。

Answer 1

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

中

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

Answer 2

不确定如何使用此库，但您应该注意两件事。首先像下面这样导入你的包：

import MomentumSlider from "momentum-slider";

其次，当使用 onMount:

安装组件时，您需要初始化 MomentumSlider class

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

let slider;

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

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

How can I import node module into svelte component

import

module

typeerror

npm

svelte