javascript - 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'

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

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

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