У меня эта проблема уже много дней, и я действительно не могу найти никакого решения в Интернете.
Я новичок в Vue.js
Я работаю над проектом TDD laravel:
Теперь я хочу добавить стандартный пример-компонент vue в мой app.blade.php следующим образом:
app.blade.php
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>
<body>
<div id="app">
<example-component></example-component>
</div>
app.js
require('./bootstrap');
window.Vue = require('vue');
Vue.component('example-component', require('./components/ExampleComponent.vue').default);
const app = new Vue({
el: '#app',
});
в результате пример компонента отображается на веб-странице ... без проблем ...
Но возникает проблема:
Как только яизменяя любой HTML-код внутри примера компонента, он не показывает изменения в браузере. Он продолжает показывать стандартный пример компонента.
Еще хуже:
Когда я переименовываю файл examplecomponent.vue посредством рефакторинга в FlashTest.vue (например или что-то еще) и изменения приложения. layout.blade и app.js вот так:
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>
<body>
<div id="app">
<flash-test></flash-test>
</div>
app.js
require('./bootstrap');
window.Vue = require('vue');
Vue.component('flash-test', require('./components/FlashTest.vue').default);
const app = new Vue({
el: '#app',
});
Я не могу увидеть этот компонент.
Единственное сообщение об ошибкеЯ получаю это с консоли, когда когда-нибудь захочу зарегистрировать любой глобальный компонент, кроме:
app.js: 37935 [Vue warn]: неизвестный пользовательский элемент: - вы правильно зарегистрировали компонент? Для рекурсивных компонентов обязательно укажите опцию «name».
(найдено в) app.js: 37935 [Vue warn]: неизвестный пользовательский элемент: - вы правильно зарегистрировали компонент? Для рекурсивных компонентов обязательно укажите опцию «name».
(находится в)
Другая ошибка, которую я получаю от php storm:
рядом со строкой, в которой я регистрирую свой компонент:
´´´´ueueponponent ('example-component', require ('./ components / ExampleComponent.vue'). default);´´´
Это вызывает:
проверка неразрешенной функции или компонента метода, что вызываемые функции действительны
, пожалуйста, помогите мне, я попробовал все уже с 2дней