Блог

Работа с VUE/VUEX. Я хочу импортировать компонент «Popup.vue» из файла: «Tienda2.vue». Но я получаю эту ошибку:

 Failed to compile.

./src/layouts/Tienda2.vue?vueamp;type=scriptamp;lang=js (./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/layouts/Tienda2.vue?vueamp;type=scriptamp;lang=js)
Module not found: Error: Can't resolve '@/components/Popup.vuex' in 'D:CursosVUE_proyectosrclayouts'
 

Я почти уверен, что путь импорта действителен, вот моя структура папок:

 |----src
     |----components
     |      |---------Popup.vue
     |
     |----layouts
           |---------Tienda2.vue
 

Я пробовал использовать @/components/Popup.vuex и ../components/Popup.vuex. Вот мой код:

Tienda2.vue

 <template>
<h1>Tienda2 {{id}}</h1>
**<Popup />**
  <div class="about">
    <h4 v-for="tipo in tipoArticulo" :key="tipo.nombre">
      <div @click="$router.push({name:'TipoArticulo', params: {id:`${tipo.nombre}`}})">{{tipo.nombre}}</div>
    </h4>
  </div>
  <router-view></router-view>
</template>

<script>
import {mapState} from 'vuex'
**import Popup from '@/components/Popup.vuex'**

export default {
  components: {
        **Popup**
    },
    props:{
      id: {
        type: String,
        required: true
      }
    },
    computed: {
    ...mapState(['tipoArticulo'])
    },
    created() {
        this.$router.push({name: 'TipoArticulo', params: { id: 'Láminas' }})
    }
}
</script>```


  [1]: https://i.stack.imgur.com/lJZlE.png
  [2]: https://i.stack.imgur.com/5Hx7H.png
 

Это должно быть». vue», а не «vuex».

 import Popup from '../components/Popup.vue'