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

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

External Dependencies not working in Nav.svelte

javascript

svelte

svelte-3

sapper