Магазин Vuex $ в Typescript не определен - PullRequest
Новая
       14

Магазин Vuex $ в Typescript не определен

0 голосов
/ 14 февраля 2019

Я пытаюсь использовать Vuex 3.0.1 и Vue 2.6.6 в моем проекте с машинописью.

store.ts 

import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
export const store = new Vuex.Store({
    state: {
        selectedComponent:'appParent'
    }
});

main.ts 

import Vue from 'vue';
import {store} from './store/store';

import App from './AppWP.vue';

public render(): void {
    const id: string = `wp-${this.instanceId}`;
    this.domElement.innerHTML = `<div id="${id}"></div>`;

    let el = new Vue({
      el: `#${id}`,
      store,
      render: h => h(App)

    });
}

Player.vue 

<template>
  <div>
    <div class="col-lg-4 col-md-6 mt-3">
      <div class="card alert alert-success" style="width:170px">
        <div class="card-body">
          <button @click="selectComp">{{player.firstName}} {{player.lastName}}</button>
        </div>

      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ["player"],
  methods: {
    selectComp(){
      this.$store.selectedComponent='appPlayerInfo';
    }
  },

};
</script>

<style>
</style>

моя проблема:

$ store не определено

Я уже посмотрел множество вопросов, которые уже пытались решить эту проблему, но безуспешно!

...