我有一个现有的网络应用程序，没有利用任何现有的响应式程序 框架或技术（例如Angular，Vue或React）。 我想在不重写整个应用程序的情况下将Vue.js与ReactiveSearch开源库一起使用。
在学习本教程（https://docs.appbase.io/docs/reactivesearch/vue/overview/QuickStart/）时，遇到以下问题： 我不能使用ReactiveSearch-Libary的组件，也不知道为什么。 在我的示例中，我想按照教程中的描述创建一个多列表组件。
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@appbaseio/reactivesearch-vue@1.0.0-beta.19/dist/@appbaseio/reactivesearch-vue.umd.js"></script>
</head>
<body>
<div id="app">
<reactive-base app="good-books-ds" credentials="nY6NNTZZ6:27b76b9f-18ea-456c-bc5e-3a5263ebc63d">
<h1>Hello from ReactiveBase</h1>
<multi-list
componentId="Authors"
dataField="authors.raw"
class="filter"
title="Select Authors"
selectAllLabel="All Authors"
/>
</reactive-base>
</div>
<script>
import { ReactiveBase } from '@appbaseio/reactivesearch-vue';
Vue.config.productionTip = false;
Vue.use(ReactiveBase);
const vueApp = new Vue({
el: '#app'
})
</script>
</body>
</html>
我收到以下错误消息： SyntaxError：导入声明只能出现在模块的顶层