Vue组件位于另一个组件内部

Question

有关vue组件的快速问题。那我可以这样做吗？

App.vue文件>在app.vue中导入test.vue组件>在test.vue中导入test2.vue组件

我得到一个Failed to compile error。谢谢。

app.vue脚本部分

import test from './components/test.vue';
export default {
    components: {
        'app-test': test
    }
}

test.vue脚本部分

import test2 from './components/test2.vue';
export default {
    components: {
        'app-test2': test2
    }
}

Answer 1

尝试替换

import test2 from './components/test2.vue';

通过

import test2 from 'test2.vue';

或

import test2 from './test2.vue';

Answer 2

尝试不带“;”我不使用它，所以它可以工作

import test2 from './components/test2.vue'

Answer 3

如果两个组件都在同一级别目录中，那么对我有用的是下面的那个：

import test2 from "components/test2.vue";