Vue 구성 요소가 표시되지 않음/업데이트되지 않음
Laravel 5.4에서 작업하고 있는데 Vue 컴포넌트가 표시되지 않거나 업데이트되지 않습니다.새로운 프로젝트를 시작하여 web.php에 루트 /채팅을 만듭니다.
이것은 chat.blade 입니다.php
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/app.css">
</head>
<body>
<div id="app">
<example></example>
<chat></chat>
</div>
<script type="text/javascript">
window.Laravel = { csrfToken: '{{ csrf_token() }}' };
</script>
<script src="js/app.js"></script>
</body>
</html>
app.js 입니다.
require('./bootstrap');
Vue.component('example', require('./components/Example.vue'));
Vue.component('chat', require('./components/Chat.vue'));
const app = new Vue({
el: '#app'
});
예제 및 채팅 구성 요소는 몇 가지 기본 템플릿입니다. 데이터를 전달하지 않고 일반 텍스트만 전달합니다.
채팅.vue
<template lang="html">
<div id="content">
<h1>Messages</h1>
<p>Message text</p>
<small>Hiii</small>
</div>
</template>
<script>
export default {
}
</script>
처음 php 장인을 실행하면 모든 것이 동작합니다.Chat.vue에서 "Hiii"를 "Hello"로 변경하는 등의 텍스트를 편집하려고 하면 변경되지 않는 페이지를 새로고침해도 그대로 유지됩니다.PC를 재부팅하고 php 장인을 다시 실행해 보았습니다.저는 Vue 코드를 chat.blade에 직접 입력해 보았습니다.php, 그리고 그것은 작동한다.app.js와 컴포넌트의 변경은 검출되지 않는 것 같습니다.참고로, 저는 예시를 삭제했습니다.vue 컴포넌트그것은 아직 페이지에 나와 있었다.
이 문제를 해결하는 가장 좋은 방법은 npm을 업데이트하는 것입니다.npm을 업데이트하면 모든 패키지가 업데이트되고 누락된 패키지가 설치되기 때문입니다.그 결과 자산을 컴파일하는 대규모 혼합이 발생합니다.현재로서는 그렇게 할 수 없습니다.
npm update
일부 사용자에게는 watch-pol 명령을 실행하는 것이 더 쉬운 해결책이 될 수 있습니다.
npm run watch-poll
브라우저 캐시를 삭제해 보셨습니까?이것으로 문제가 해결될 겁니다.
인터넷에서 코드를 복사할 때 불필요한 행을 추가합니다.App/Config/app에서 이 행을 확인하십시오. 개발 모드인지 확인하십시오.
'env' => env('APP_ENV', 'development'),
여러분, 제가 방금 답을 얻었는데 여러분들과 이걸 공유하고 싶어요.문제: - Vue js를 배우고 있으며 editor.so에서 변경한 내용을 보려면 브라우저 기록을 매일 삭제해야 합니다.검색해도 이에 대한 중요한 답을 찾을 수 없습니다.하지만 솔루션을 입수했기 때문에 이 솔루션을 모두에게 공유하기로 결정했습니다.1) 개발자 도구로 이동만 하면 됩니다.2) [네트워크]탭을 클릭 3) [캐시 비활성화]를 클릭합니다(아래 이미지에서 강조 표시된 부분을 참조). 4)페이지를 다시 갱신합니다.
이 코드를 app.blade에 복사합니다.php :
const app = new Vue({
el: '#app'
});
언급URL : https://stackoverflow.com/questions/42890072/vue-components-not-showing-updating
'programing' 카테고리의 다른 글
| InstantSearch 캐시 전략 (0) | 2022.07.26 |
|---|---|
| C의 NULL은 항상 0입니까? (0) | 2022.07.26 |
| 기본 제공 함수 'malloc'에 대한 호환되지 않는 암시적 선언 (0) | 2022.07.26 |
| 스택에서보다 힙 내의 데이터에 더 빨리 액세스할 수 있습니까? (0) | 2022.07.26 |
| Java에서 정적 메서드에서 getClass()를 호출하려면 어떻게 해야 합니까? (0) | 2022.07.24 |