반응형
vue 관련 문제 다시 한 번 발생: vue를 2.5에서 2.6.8로 업데이트하고 [Vue warn]:구성 요소를 마운트하지 못함: 템플릿 또는 렌더 함수가 정의되지 않음
나는 Vue와 함께 laravel 5.7을 사용하고 있다.나는 Vue를 2.5 버전에서 2.6.8 버전으로 업데이트하기로 했는데, 지금은 모든 구성 요소가 작동하지 않아.모든게 제대로 돌아가기 전에.예시 프로젝트를 만들었는데:
시험해 보다php
<!DOCTYPE html>
<html>
<head>
@include('ricurrent_item.head')
</head>
<body>
<div id="example">
<example />
</div>
<script src="js/app.js" charset="utf-8" ></script>
</body>
</html>
app.js
require('./bootstrap');
const axios =require('axios');
window.Vue = require('vue');
Vue.component('example', require("./components/ExampleComponent.vue"));
Tryexample = new Vue({
el: '#example',
mounted(){
console.log("up");
}
});
예제구성 요소.부에를 하다
<template>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum sed risus id risus laoreet blandit.</p>
</template>
너의 고통이 느껴져 :) 라라벨 5.7로 업데이트했을 때, 나는 나의 작곡가와 npm 의존성을 모두 업데이트했다.그렇게 함으로써 많은 도서관이 다음을 포함하여 완전히 최신 상태로 되었다.laravel-mix로4.0.15,vuejs로2.6.10등등의
불행히도 그 모든 기반시설 어딘가에서 뭔가가 바뀌어서 네가 말한 것과 같은 오류를 내게 야기시켰어.
많은 땅을 파본 후, 나는 Laravel 5.7.19에서 이 약속에서 그들이 덧붙인 것을 발견했다..default끝까지app.js 23호선
Vue.component('example-component', require('./components/ExampleComponent.vue').default);
tl;dr 다음을 포함하도록 구성 요소 등록 변경.default나를 위해 문제를 해결했다.
반응형
'programing' 카테고리의 다른 글
| Excel 셀의 숫자 문자열을 숫자가 아닌 문자열로 읽으려면 어떻게 해야 하는가? (0) | 2022.04.24 |
|---|---|
| 문자 배열이 비어 있는지 확인하는 가장 좋은 방법 (0) | 2022.04.24 |
| JSON의 끈을 어떻게 벗어나야 할까? (0) | 2022.04.23 |
| Vue.js 계산 함수에서 다중 차원 배열 필터링 (0) | 2022.04.23 |
| 왜 정적으로 연결된 glibc가 낙담하는가? (0) | 2022.04.23 |