Question

我不断进入新项目，出现以下控制台错误：

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

但是我像其他所有组件一样注册，但是它不能在新项目中使用。

这是app.js：

require('./bootstrap');
window.Vue = require('vue');
Vue.component('login-component', require('./components/LoginComponent.vue'));
const app = new Vue({
    el: '#app',
});

这是Laravel的默认Vue。

LoginCompontent看起来像这样：

<template>
    <form class="default-form">
        <h1>Login</h1>
    </form>
</template>

<script>
    export default {
        mounted() {
            console.log('Login Component mounted.');
        },
    }
</script>

但是我不知道它在做什么呢？

Answer 1

尝试一下，因为我看不到您在哪里安装“应用程序”

import LoginComponent from './components/LoginComponent';

const app = new Vue({
    el: '#app',
    render: h => h(LoginComponent)
});

我通常会做类似的事情：

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

const app = new Vue({
    el: '#app',
    render: h => h(LoginApp)
});

然后在LoginApp.vue中，我将执行以下操作：

<template>
   <div>
      <login-component></login-component>
   </div>
</template>

Vue.component('LoginComponent', require('.components/LoginComponent'));
<script>
    export default {
        mounted() {
            console.log('Login Component mounted.');
        },
    }
</script>

带有Laravel的未知自定义元素Vue

1 个答案: