Компонент Vue для одного файла с Laravel 5.5

Question

Проблема:

[Vue warn]: неизвестный пользовательский элемент: - вы правильно зарегистрировали компонент?Для рекурсивных компонентов обязательно укажите параметр «имя».

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
    },
    ...
});

Похоже, проблема связана с этим: Регистрация компонентов