带有 Laravel 5.5 的 Vue 单文件组件

Question

问题：

[Vue 警告]：未知的自定义元素：- 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

Test.vue:

<template>
    <p>test</p>
</template>

<script>
    //also tried export default
    module.exports = {
        name: "test"
    }
</script>

<style scoped>

</style>

app.js:

Vue.component('test', require('./components/Test'));

const app = new Vue({
    el: '#app',
    ...
});

还有我在blade模板里面的用法：

<test></test>

怎么了？

我还有一些其他组件可以正常工作。它们是大约半年前制作的，可能是 npm update 搞砸了，但我不确定。

Answer 1

您可以尝试导入组件并像这样添加它吗：

import Test from './components/Test';

const app = new Vue({
    el: '#app',
    components: {
        Test
    },
    ...
});

您的问题似乎与此有关：Components registration