생각나는 모든 것을 시도했지만 빌드 오류가 발생하지 않았음에도 불구하고 매우 간단한 프로젝트에서 Vue 구성 요소를 로드할 수 없습니다. 이유는 모르겠지만 Laravelserve를 사용하여 페이지를 보려고 하면 빈 페이지만 나타납니다.
welcome.blade.phpapp.jsHome.vuewebpack.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粉2620731762024-02-27 10:02:27
블레이드의 탭을 <Home /> 更改为 <home /> 에서 교체해 보셨나요?
다른 사용자가 쓴 것처럼 구성 요소를 가져오는 줄에 .default를 추가해야 합니다
P粉9463361382024-02-27 00:27:42
점수 때문에 댓글을 달 수 없습니다. 차양처럼 해야해서 죄송합니다.
app.component('home', Home); 라인이 comp를 가져오는 올바른 방법이 맞나요?
내가 찾은 것에 따르면 이것은
그렇습니다.