外部依赖项在 Nav.svelte 中不起作用

Question

我正在尝试在 nav.svelte 组件中加载 sv-bootstrap-dropdown 模块，但我收到错误 <Dropdown> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules。之后我尝试将其安装为 devDependency 但我收到了Cannot read property remove of undefined 的错误。这会在 sapper 文件夹下的服务器 js 文件中自行生成

Answer 1

在使用 svelte 和 sapper 时，您需要考虑两种渲染类型：客户端渲染（sveltjs、js）和服务器端渲染（SSR），这是 sapper（nodejs 或 expressjs），有几种处理方法这个，但根据你正在使用的依赖文件：

对于您考虑像这样导入的 SSR：

import {
      Carousel,
      CarouselControl,
      CarouselIndicators,
      CarouselItem,
      CarouselCaption
    } from 'sveltestrap/src';

通过从包的src文件夹导入来解决。