猿问

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

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


我是 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>

应用程序.js


require('./bootstrap');


window.Vue = require('vue');


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


const app = new Vue({

    el: '#app',

});

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


但问题来了:


一旦我更改了示例组件中的任何 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>

应用程序.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 警告]:未知的自定义元素:-您是否正确注册了组件?对于递归组件,请确保提供“名称”选项。


(在)app.js:37935 [Vue 警告]:未知的自定义元素: - 您是否正确注册了组件?对于递归组件,请确保提供“名称”选项。


(在发现 )


我得到的另一个错误来自 phpstorm:


在我注册组件的行旁边:


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


它发出嘎嘎声:


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


请帮助我我已经尝试了 2 天以来的一切


慕尼黑的夜晚无繁华
浏览 697回答 1
1回答

慕姐4208626

1)首先你需要下载 node.js 和 npm :&nbsp;https://nodejs.org/en/2)你需要安装npm。在项目根目录下运行npm&nbsp;install3) 你必须使用 npm 构建 app.js 脚本。在项目根目录下运行npm&nbsp;run&nbsp;dev
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答