Vue 3 구성 요소는 Laravel 프로젝트에 표시될 수 없습니다
P粉032900484
P粉032900484 2024-02-26 11:54:25
0
2
507

생각나는 모든 것을 시도했지만 빌드 오류가 발생하지 않았음에도 불구하고 매우 간단한 프로젝트에서 Vue 구성 요소를 로드할 수 없습니다. 이유는 모르겠지만 Laravelserve를 사용하여 페이지를 보려고 하면 빈 페이지만 나타납니다.

welcome.blade.php

으아악

app.js

으아악

Home.vue

으아악

webpack.mix.js

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    
        <title>Laravel</title>
    
        <!-- Fonts -->
        <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
    
    </head> 
    <body class="antialiased">
        <div id='app'>
            <Home />
        </div>
    
        <script scr="{{ asset('js/app.js') }}"></script>
    </body>
</html>

P粉032900484
P粉032900484

모든 응답(2)
P粉262073176

블레이드의 탭을 <Home /> 更改为 <home /> 에서 교체해 보셨나요? 다른 사용자가 쓴 것처럼 구성 요소를 가져오는 줄에 .default를 추가해야 합니다

P粉946336138

점수 때문에 댓글을 달 수 없습니다. 차양처럼 해야해서 죄송합니다.


app.component('home', Home); 라인이 comp를 가져오는 올바른 방법이 맞나요? 내가 찾은 것에 따르면 이것은

으아아아

그렇습니다.

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿