时间戳

首页 > 解决方案 > 如何在 Svelte 应用程序中修复“未定义 pouchDB”

pouchdb - 如何在 Svelte 应用程序中修复“未定义 pouchDB”

问题描述

我正在尝试在我的苗条应用程序中设置 pouchDB。当我运行应用程序时，出现错误（ReferenceError: PouchDB is not defined）

为了在我的应用程序中包含 pouchDB，我使用标签链接到 cdn。当我只链接到 CDN 时，我的应用程序运行良好。但是，如果我尝试将任何 pouchDB 代码添加到我的项目中，它会声明它没有定义。

<script>
    import Timer from './timer.svelte';
</script>
<svelte:head>
    <script src="//cdn.jsdelivr.net/npm/pouchdb@7.1.1/dist/pouchdb.min.js"></script>
</svelte:head>
<Timer/>

我希望能够在我的 timer.svelte 组件中包含 pouchDB 代码 [var db = new PouchDB('kittens');] 但是当我这样做时，它表明 pouchDB 没有定义

标签： pouchdbsvelte

解决方案

嗯，我想知道这是否是时间问题，您的组件在哪里渲染，将 CDN 链接添加到头部，然后在该脚本完成下载之前开始尝试工作？如果是这种情况，那么将其<script />放在您的脑海中index.html或template.html可能会有所帮助。

推荐阅读