使用 laragon 和 Vue，组件不渲染答案

【问题标题】：Using laragon and Vue, component not rendering使用 laragon 和 Vue，组件不渲染
【发布时间】：2017-12-04 20:56:41
【问题描述】：

我正在尝试使用 Vue 和 Laravel 上传图片。 vue 不会为我渲染。这可能是一件小而愚蠢的事情，但是有人想猜测一下吗？

resources/assets/js/app.js

Vue.component('image-upload', require('./components/ImageUpload.vue'));

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

resources/assets/js/components/ImageUpload.vue

<template>

    <div>
        <div class="form-group">
                <label for="image">Image</label>
                <input type="file">

                <div class="help-block">
                    Help
                </div>
        </div>


        <div>
            <input type="hidden" name="image_id">
            <img class="image" alt="Current image">

        </div>
    </div>


</template>

resources/views/profile/edit.blade.php

<div class="form-group">
    <image-upload></image-upload>   
</div>

【问题讨论】：

标签： javascript php laravel vue.js

【解决方案1】：

我不见了

<script src="/js/app.js"></script>

来自我的 default.blade.php 文件。谢谢您的帮助。

【讨论】：

【解决方案2】：

您正在运行npm run watch 或npm run dev 来编译您的资产吗？

如果不是，请关注Laravel Docs。

【讨论】：

您好，感谢您的回复。我正在运行 npm run watch，没有错误。

【解决方案3】：

我猜你没有将 div 定义为 vue 元素

像这样将 id 添加到 div 并测试它：

<div id="app" class="form-group">
    <image-upload></image-upload>   
</div>

【讨论】：

感谢您的回复，但我前几天尝试过。这两种方式都没有区别。
@DustinSeaward 你用的是哪个版本的 vuejs？
来自我的 package.json 文件，我正在使用 "vue": "^2.1.10" .