使用 VUE/VUEX。我想从文件中导入组件“Popup.vue”:“Tienda2.vue”。但我收到此错误:
**编译失败。
./src/layouts/Tienda2.vue?vue&type=script&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? vue&type=script&lang=js) 找不到模块:错误:无法解析 'D:\Cursos\VUE\0_proyecto\src\layouts' 中的 '@/components/Popup.vuex'**
我很确定导入路径是有效的,这是我的文件夹结构:
|----src
|----components
| |---------Popup.vue
|
|----layouts
|---------Tienda2.vue
我试过@/components/Popup.vuex和../components/Popup.vuex。这是我的代码:
商店2.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'
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句