Laravel 5.5 的 Vue 单文件组件

Question

问题：

[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

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

Laravel 5.5 的 Vue 单文件组件

Vue Single File Component with Laravel 5.5

vue.js

laravel-5.5