Question

我的Vue组件出现一个奇怪的错误。我创建了索引页面，更新了app.js并创建了一个新组件。我还清除了缓存，并重新设置了npm手表。我不断收到相同的错误，Vue正在查看错误的组件。有谁知道如何解决这一问题？这是我的代码，以防万一我错过了什么。

索引：

PHP Server

app.js文件：

@extends('layouts.app')
@section('content')

<h1> Goals</h1>

<div id="app">
  <div class="container">

    <goals></goals>

</div>
</div>
<script src="{{ asset('js/app.js') }}"></script>
@endsection

组件Goal.vue：

require('./bootstrap');

window.Vue = require('vue');

Vue.component('goals',
  require('./components/Goals.vue'));

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

和错误：

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

如果我将视图与“新闻”组件交换，则一切正常，但更改后的最小时间视图将崩溃。

Answer 1

<div id="app">
  <div class="container">
<router-view>
    <goals></goals>
</router-view>

</div>

Answer 2

尝试运行php artisan view:clear，您可能会有一个缓存的视图。

Answer 3

在上面的代码段中，代码引用了目标，而文件名是 Goal.vue ，即非多个。尝试将文件名更改为 Goals.vue

如何重置Vue组件？

3 个答案: