Vue.js，导入组件文件问题

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'

错误：无法从'C：\\ wamp64 \\ www \\ merchant-backend-new \\ merchant-backend \\ resources \\ assets \\ js \\ components \\ vue_form \\ concertina_form中找到模块'../../components/vue_form/form_button.vue' '

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

/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目录。