Могу ли я использовать компонент, который использует VueX без моего приложения, также использующего VueX? - PullRequest
Новая
       122

Могу ли я использовать компонент, который использует VueX без моего приложения, также использующего VueX?

1 голос
/ 12 апреля 2019

Я хотел бы использовать этот компонент в своем приложении Vue: https://commbocc.github.io/hcflgov-vue-esri-search/docs/

Однако выдает ошибку: TypeError: "t.$store is undefined"

Я подозреваю, что причина в том, что я не использую VueX, поэтому мне не удается инициализировать хранилище VueX, которое ищет компонент.

В общем, возможно ли использовать компонент, который использует VueX, если мое приложение этого не делает? Есть ли способ обойти это? Я думаю, что усилия по включению VueX были бы слишком высокими.

Ответы [ 2 ]

2 голосов
/ 13 апреля 2019

Да, вы можете. В большинстве случаев люди создают vue-plugins . При этом вы можете установить их как npm install myCoolPlugin и использовать их в своем приложении, импортировав его: import myCoolPlugin from 'myCoolPlugin', а затем, в зависимости от плагина, вы можете установить его глобально, как это делает vuex:

Vue.use(myCoolPlugin)

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

import {coolButton, coolInput} from 'myCoolPlugin';
export default {
    name: 'home-page',
    components: [coolButton, coolInput],
    ...
}

Плагины также имеют файл package.json, который содержит метаданные о том, от чего зависит этот плагин и т. Д. (Как и ваше приложение). Когда вы npm i myCoolPlugin, npm проверяет файл package.json плагина, чтобы увидеть, от каких пакетов сторонних производителей зависит плагин, а затем продолжает устанавливать их в node_modules вашего приложения.

Проблема с вашим компонентом "esri-search" заключается в том, что он не настроен как пакет / плагин. Поэтому он не установит в ваше приложение необходимые ему зависимости (, такие как vuex, lodash и т. Д. * ).

Вот почему вам пришлось установить vuex как зависимость от вашего приложения, потому что когда вы копируете и вставляете этот компонент в ваше приложение, он не является плагином, он становится вашим приложением.

Имеет ли это смысл? :)

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

Кажется, в этом случае я смог решить эту ошибку следующим образом:

npm install --save vuex

В main.js: 

import VueX from 'vuex';
Vue.use(VueX);

Это не полностью отвечает, будет ли это всегда так, так что открывайте для лучших ответов.

...