Plugins 使用vuex访问我的npm包时未定义存储
我正在开发一个可重用组件,并在我的Nexus存储库中发布。我的组件依赖于vuex存储,定义如下:Plugins 使用vuex访问我的npm包时未定义存储,plugins,vue-component,vuex,nuxt.js,rollup,Plugins,Vue Component,Vuex,Nuxt.js,Rollup,我正在开发一个可重用组件,并在我的Nexus存储库中发布。我的组件依赖于vuex存储,定义如下: export default new Vuex.Store({ modules: { myModuleStore } }); import store from './store/store'; import './config/fontawesome'; import "vue-slider-component/theme/default.css&qu
export default new Vuex.Store({
modules: {
myModuleStore
}
});
import store from './store/store';
import './config/fontawesome';
import "vue-slider-component/theme/default.css";
Vue.config.productionTip = false;
new Vue({
render: h => h(App),
store,
}).$mount('#app');
//index.vue
<template>
<my-package/>
</template>
<script>
export default {};
</script>
还有myModuleStore文件:
const getters = {};
const actions = {};
const mutations = {};
const state= {};
export default {
namespaced: true,
state,
mutations,
actions,
getters
};
另外,我的vue.js项目的main.js如下所示:
export default new Vuex.Store({
modules: {
myModuleStore
}
});
import store from './store/store';
import './config/fontawesome';
import "vue-slider-component/theme/default.css";
Vue.config.productionTip = false;
new Vue({
render: h => h(App),
store,
}).$mount('#app');
//index.vue
<template>
<my-package/>
</template>
<script>
export default {};
</script>
我们将其注册到vue实例中,如果它也存在,我们从以下链接()和()获得帮助:
然后根据此链接的描述,使用rollup绑定组件。我在nuxt项目中将我的软件包用作插件,包括以下内容:
//plugins/myPlugin.js
import Vue from "vue";
import myPackage from "myPackage";
export default ({ store }) => {
Vue.use(myPackage, { store });
};
它还尝试了无通行证商店。然后在页面中使用,如下所示:
export default new Vuex.Store({
modules: {
myModuleStore
}
});
import store from './store/store';
import './config/fontawesome';
import "vue-slider-component/theme/default.css";
Vue.config.productionTip = false;
new Vue({
render: h => h(App),
store,
}).$mount('#app');
//index.vue
<template>
<my-package/>
</template>
<script>
export default {};
</script>
//index.vue
导出默认值{};
最后,控制台中出现以下错误:
有什么建议吗