Vuejs，导入组件文件问题

Question

我有一个文件结构问题，我试图在将组件作为导入引用到其他组件时修复。

我当前的文件设置看起来像这样......

我正在处理名为security_passphrase.vue的文件，在该文件中我引用了2个要导入的文件，因为我需要在那里使用它们。

import dropdown from '../components/vue_form/dropdown.vue'
import formbutton from '../components/vue_form/form_button.vue'

编译器找不到我要加载的模块。

 Error: Cannot find module '../../components/vue_form/dropdown.vue' from 'C:\wamp64\www\merchant-backend-new\merchant-backend\resources\assets\js\components\vue_form\concertina_form'

  

错误：找不到模块＆＃39; ../../ components / vue_form / form_button.vue＆＃39;   从   ＆＃39; C：\ wamp64 \ WWW \商家于后端的新\商家后端\资源\资产\ JS \部件\ vue_form \ concertina_form＆＃39;

我尝试了不同的方法来完成这项工作，但没有成功。我尝试导入的文件位于我正在使用的文件所在的文件夹之外。

  

/concertina_form/security_passphrase.vue /vue_form/form_button.vue

     

/vue_form/dropdown.vue

帮助会很棒：）

Answer 1

import dropdown from '../dropdown.vue'
import formbutton from '../form_button.vue'

应该是导入这些文件的正确方法，使用../进入一个目录，该目录将从concertina_form目录转到vue_form目录。