Как использовать зависимость в компоненте Vue?

Question

Я в основном бэкэнд-разработчик, но теперь мне нужно реализовать что-то в существующей базе кода vue. В файле с именем myModal.vue мне нужно использовать этот cron-парсер js lib . Когда я использую его в файле app.js, он отлично работает:

import CronParser from 'cron-parser';

let interval = CronParser.parseExpression('*/2 * * * *');
console.log(interval.next().toString()); // logs a correct datetime

Итак, теперь я хочу передать этот CronParser в файл myModal.vue. Итак, после существующей инъекции HighCharts я добавил третью из этих 4 строк:

Vue.prototype.$eventHub = new Vue();
Vue.use(HighchartsVue);
Vue.use(CronParser);

let myModal = require('./components/myModal.vue');
// and some more components

Тогда в myModal.vue Я использую тот же код:

let interval = CronParser.parseExpression('*/2 * * * *');
console.log(interval.next().toString());

Но теперь я получаю

"ReferenceError: CronParser is not defined"

Хотя я немного заблудился, когда ошибаюсь. Кто-нибудь может намекнуть мне в правильном направлении

Answer 1

CronParser не является библиотекой vue, вы не будете использовать ее как таковую Vue.use(CronParser);

Вместо этого просто убедитесь, что вы импортируете его в myModal.vue. Похоже, вы можете пропустить import CronParser from 'cron-parser'; там.