Не могу включить пакет npm, связанный с vue, в мой проект Laravel + Vue - PullRequest
Новая
       3

Не могу включить пакет npm, связанный с vue, в мой проект Laravel + Vue

0 голосов
/ 23 апреля 2019

Я хочу включить красивые флеш-сообщения в мое приложение Laravel + Vue, поэтому я нашел пакет npm на GitHub и установил его в свое приложение (установка npm)

Я новичок в VueJs и столкнулся с проблемой: я просто не могу использовать пакет в моих компонентах vue, так как он выдает ошибки, когда я пытаюсь включить этот

Что я использую и что я получаю:

это мой код app.js 

window.Vue = require('vue');

/*including the package*/
import FlashMessage from '@smartweb/vue-flash-message';
Vue.use(FlashMessage);
/*including the package*/

Vue.component('settings-form',require('./components/SettingsFormComponent.vue').default);
Vue.component('profile-nav',require('./components/ProfileNavComponent.vue').default);

const app = new Vue({
    el: '#app',
});

Какую ошибку я получаю, используя код:

"Ошибка типа: невозможно прочитать свойство 'flashMessage' с неопределенным значением в app.js: 1863"

enter image description here

Я запускаю этот метод ( flashMessage ), когда хочу вывести сообщение: enter image description here

Также я попытался использовать этот код в моем app.js для включения пакета: 

Vue.component('FlashMessage', require('@smartweb/vue-flash-message').default);

но это тоже не работает, выдает эту ошибку: "Не удалось смонтировать компонент: шаблон или функция визуализации не определены ..." enter image description here

Я пытаюсь использовать свой компонент таким образом (в ProfileNavComponent.vue): 

 <FlashMessage></FlashMessage>

Не могли бы вы сказать мне, в чем может быть проблема? спасибо ребята за любую помощь) Я действительно ценю это!

1 Ответ

0 голосов
/ 23 апреля 2019

Я обычно использую пакеты vue, добавляя их из имени пакета, попробуйте: 

import FlashMessage from 'vue-flash-message';

А когда вы захотите использовать компонент, попробуйте использовать FlashMessage.show().

...