如何在Svelte应用程序中修复'pouchDB未定义'

Question

我正在尝试在苗条的应用程序中设置pouchDB。当我运行应用程序时，发生错误（ReferenceError：未定义PouchDB）

要在我的应用程序中包含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组件[var db = new PouchDB（'kittens'）;]中包含pouchDB代码，但是当我这样做时却指出未定义pouchDB

Answer 1

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