В настоящее время я начинаю новый проект с vuejs и хотел использовать простой vue для некоторых компонентов. Мои знания по VueJS в целом не самые лучшие, потому что я только начинаю с этим. У моего приложения есть сборка на основе веб-пакета с настроенным vue -loader, так что устанавливается просто vue.
Я пытался использовать Toast-Component, но при импорте Toast из 'primevue / Веб-пакет toastservice выдает следующие две ошибки:
ОШИБКА в ./node_modules/primevue/components/toast/Toast.vue?vue&type=script&lang=js& (./node_modules/vue-loader /lib??vue-loader-options!./node_modules/primevue/components/toast/Toast.vue?vue&type=script&lang=js&)
Модуль не найден: Ошибка: не удается разрешить './ToastMessage' в '* / node_modules / primevue / components / toast'
@ ./node_modules/primevue/components/toast/Toast.vue?vue&type=script&lang=js& (./node_modules/ vue -loader / lib ?? vue -loader-options! ./ node_modules / primevue / components / toast / Toast. vue? Vue & type = script & lang = js &) 11: 0-42 86: 24-36
@ ./node_modules/primevue/components/toast/Toast.vue?vue&type=script&lang=js&
@ ./node_modules/primevue/compo nents / toast / Toast. vue
@ ./node_modules/primevue/toast.js
@ ./src/main.js
и
ОШИБКА в ./node_modules/primevue/components/toast/Toast.vue?vue&type=style&index=0&lang=css& (./node_modules/vue-loader/lib? ? vue -loader-options! ./ node_modules / primevue / components / toast / Toast. vue? Vue & type = style & index = 0 & lang = css &) 97: 0
Ошибка синтаксического анализа модуля: неожиданный токен (97 : 0)
Файл был обработан этими загрузчиками:
*. / Node_modules / vue -loader / lib / index. js
Возможно, вам потребуется дополнительный загрузчик для обработки результата этих загрузчиков.
|
|
-> .p-toast {
| положение: фиксированное;
| ширина: 20em;
@ ./node_modules/primevue/components/toast/Toast.vue?vue&type=style&index=0&lang=css& 1: 0-118 1: 134-137 1: 139-254 1 : 139-254
@ ./node_modules/primevue/components/toast/Toast.vue
@ ./node_modules/primevue/toast.js
@ ./src/main.js
Компонент импортируется следующим образом:
import Vue from "vue";
import App from "./App/App.vue";
import Toast from 'primevue/toast';
import ToastService from 'primevue/toastservice';
Vue.use(ToastService);
Vue.component('Toast', Toast);
new Vue({
render: h => h(App)
}).$mount("#app");
Я уже пытался импортировать / использовать компонент «Toast» в своем приложении. js или в других файлах, где я в основном хочу использовать эти тосты без успеха.
Если я опущу тост, все будет работать нормально, поэтому сервис ToastService выглядит нормально.
Так что, если есть кто-нибудь, кто использует простое число vue, а также столкнулся с этой проблемой и нашел решение, заранее благодарю всех вас.