php风暴vue组件不工作/未解决的函数或方法组件



我从几天起就遇到了这个问题,我真的在互联网上找不到任何解决方案。

我是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代码,它就不会在浏览器中显示更改。它不断显示标准示例组件。

更糟糕的是:

当我通过重构到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',
});

我看不到那个组件。

当我想注册除之外的任何全局组件时,我从控制台收到的唯一错误消息是:

app.js:37935[Vue warn]:未知自定义元素:-你是否正确注册组件?对于递归组件,请确保提供"名称"选项。

(位于(app.js:37935[Vue warn]:未知自定义元素:-你注册组件正确吗?对于递归组件,请确保提供"名称"选项。

(在中找到(

我得到的另一个错误来自php风暴:

在我注册组件的行旁边:

´´Vue.component("example-component",require("./components/ExampleComponent.Vue"(.default(;´´

它颤抖:

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

请帮我,我已经试过了2天以来的所有东西

1(首先需要下载node.js和npm:https://nodejs.org/en/

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

npm install

3( 您必须使用npm构建app.js脚本。在项目根目录中运行

npm run dev

相关内容

  • 没有找到相关文章

最新更新