外部依赖项在 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包的文件夹导入来解决它。