php storm vue组件不工作/未批准的函数或方法组件

提问者：小点点

php storm vue组件不工作/未批准的函数或方法组件

我有这个问题，因为天，我真的找不到任何解决方案在互联网上。

我是Vue的新手。js

我正在从事TDD laravel项目：

现在我想将标准vue示例组件添加到我的应用程序中。刀身php如下所示：

应用程序。刀身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',
});

因此，示例组件将呈现在网页上。。。没问题。。。

但问题来了：

一旦我在示例组件中更改任何超文本标记语言代码，它就不会显示浏览器中的更改。它不断显示标准示例组件。

更糟糕的是：

当我通过重构到FlashTest.vue（例如或其他任何东西）重命名examplecomponent.vue文件并更改app.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',
});

我看不到那个组件。

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

应用程序。js:37935[Vue warn]：未知自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“name”选项。

（在）应用程序中找到。js:37935[Vue warn]：未知自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“name”选项。

（位于）

我得到的另一个错误是来自PHPStorm：

在我注册组件的行旁边：

''''Vue。组件（'example-component'，require（'./components/ExampleComponent.vue'）。违约）；´´´

它叫：

未解析的函数或方法组件检查调用的函数是否有效

请帮帮我我已经试过两天了

共1个答案

匿名用户

1）首先，您需要下载node。js和npm：https://nodejs.org/en/

2）您需要安装npm。在项目根目录中运行

npm install

3）你必须构建应用程序。带有npm的js脚本。在项目根目录中运行

npm run dev