VUE - 未找到模块。无法导入组件
Posted
技术标签:
【中文标题】VUE - 未找到模块。无法导入组件【英文标题】:VUE - Module not found. Can´t Import Component 【发布时间】:2021-11-18 13:09:06 【问题描述】:使用 VUE/VUEX。 我想从文件“Tienda2.vue”中导入组件“Popup.vue”。但是我收到了这个错误:
Failed to compile.
./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)
Module not found: Error: Can't resolve '@/components/Popup.vuex' in 'D:\Cursos\VUE\0_proyecto\src\layouts'
我很确定导入路径是有效的,这是我的文件夹结构:
|----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
【问题讨论】:
【参考方案1】:应该是“.vue”,而不是“vuex”。
import Popup from '../components/Popup.vue'
【讨论】:
多么愚蠢的错误。解决。谢谢以上是关于VUE - 未找到模块。无法导入组件的主要内容,如果未能解决你的问题,请参考以下文章
获取“[Vue 警告]:无法安装组件:未定义模板或渲染函数。”尝试在没有 .vue 的情况下导入时
未找到模块:错误:无法解析“./router”| Vue路由器
VueJS 和 FontAwesome 导入 - 未找到模块:错误:无法解析 '@fortawesome/fontawesome-svg-core'