laravel5.3 vue2好像没有加载到app.js

laravel路由直接访问的index.blade

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>Dashboard</title>
    <script>
        window.Laravel = {
            csrfToken: "{{ csrf_token() }}"
        };
    </script>
</head>
<body>
<div id="app"></div>
<script src="{{ elixir('js/app.js') }}"></script>
</body>
</html>

app.js

require('./bootstrap');
import App from './components/App.vue';
new Vue({
    el: '#app',
    render: h=>h(App)
});

App.Vue

<template>
    <div>Hello World</div>
</template>

<script>
    export default {
        name: 'app'
    }
</script>

访问index.blade并没有加载出App.vue的内容

clipboard.png

求各路大神指点。。。
阅读 2.8k
1 个回答

假设你执行了 npm installgulp ,然后index.blade.php 文件中加入 <App></App>

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题