php Storm vue 组件不起作用/未解析的函数或方法组件

Question

php Storm vue 组件不起作用/未解析的函数或方法组件

Ren*_*Iar 0 javascript require laravel vue.js vue-component

几天以来我一直有这个问题，我真的在互联网上找不到任何解决方案。

我是 Vue.js 的新手

我正在做一个 TDD laravel 项目：

现在我想像这样将标准的 vue 示例组件添加到我的 app.blade.php 中：

应用程序.blade.php

<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>

<body>
<div id="app">
    <example-component></example-component>
</div>

Run Code Online (Sandbox Code Playgroud)

应用程序.js

require('./bootstrap');

window.Vue = require('vue');

Vue.component('example-component', require('./components/ExampleComponent.vue').default);

const app = new Vue({
    el: '#app',
});

Run Code Online (Sandbox Code Playgroud)

结果，示例组件在网页上呈现......没问题......

但问题来了：

一旦我更改了示例组件中的任何 HTML 代码，它就不会在浏览器中显示更改。它不断显示标准示例组件。

甚至更糟：

当我通过重构为 FlashTest.vue（例如或其他任何东西）并像这样更改 app.layout.blade 和 app.js 来重命名 examplecomponent.vue 文件时：

<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>

<body>
<div id="app">
    <flash-test></flash-test>
</div>

Run Code Online (Sandbox Code Playgroud)

应用程序.js

require('./bootstrap');

window.Vue = require('vue');

Vue.component('flash-test', require('./components/FlashTest.vue').default);

const app = new Vue({
    el: '#app',
});

Run Code Online (Sandbox Code Playgroud)

我看不到那个组件。

当我想注册任何全局组件时，我收到的唯一错误消息来自控制台：