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 - 未找到模块。无法导入组件的主要内容,如果未能解决你的问题,请参考以下文章

无法将 ES6 模块导入 Vue 单文件组件

未找到模块:无法解析“

获取“[Vue 警告]:无法安装组件:未定义模板或渲染函数。”尝试在没有 .vue 的情况下导入时

未找到模块:错误:无法解析“./router”| Vue路由器

VueJS 和 FontAwesome 导入 - 未找到模块:错误:无法解析 '@fortawesome/fontawesome-svg-core'

无法制作模块:未找到相关的gradle配置。请重新导入 Gradle 项目并重试