У меня есть существующее веб-приложение, которое не использует никаких существующих реактивных сред или технологий (таких как 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: объявления импорта могут появляться только на верхнем уровне модуля