Laravel:Vue组件无法渲染

尽管有以下教程,但我的Vue组件未在页面上呈现。我有以下布局(master.blade.php):


<html>

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="shortcut icon" href="/favicon.ico">

    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>Mileage</title>

    <link rel="stylesheet" href="{{ mix('/css/app.css') }}" media="all">

</head>


<body>

    <div id="app">

        <example-component></example-component>

    </div>

    <script src="{{ mix('/js/app.js') }}"></script>

</body>

</html>

布局由以下控制器返回(我使用CAS登录):


<?php


namespace App\Http\Controllers;


use App\LkpStaff;

use Illuminate\Http\Request;


class AuthController extends Controller

{

    public function login()

    {

        if (!cas()->isAuthenticated())

        {

            cas()->authenticate();

        }


        $user = cas()->user();


        $dbUser = LkpStaff::where('user_name', $user)->first(['staff_refid']);


        if ($dbUser)

        {

            $userId = $dbUser->staff_refid;

        }else

        {

            $userId = $this->createNewUser($user);

        }


        session()->put('casUser', $user);

        session()->put('userId', $userId);


        return view('master', [

            'casUser' => $user,

            'userId' => $userId

        ]);

    }

}

如您所见,该组件未呈现。控制台中也没有错误。除了创建新项目,我还能做些什么?


有只小跳蛙
浏览 235回答 3
3回答

扬帆大鱼

也许你的分量不是由于渲染错误的道路问题app.css和app.js。尝试通过使用资产来渲染:<link href="{{asset('css/app.css')}}" rel="stylesheet" type="text/css"><script src="{{asset('js/app.js')}}"></script>

皈依舞

尝试在模板下面和div内部添加div元素,输入代码,然后在终端中输入npm run watch或npm run dev等待,直到编译后的消息出现在终端中,如果它们是错误的,它将提示您
打开App,查看更多内容
随时随地看视频慕课网APP