gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 14:13:14 26 4
gpt4 key购买 nike

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

我是 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]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

(found in )app.js:37935 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

(found in )

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

在我注册组件的行旁边:

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

它颤抖:

unresolved function or method component check that called functions are valid

请帮助我,两天以来我已经尝试了所有方法

最佳答案

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

2)你需要安装npm。在项目根目录下运行

npm install

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

npm run dev

关于javascript - php Storm Vue 组件不起作用/未解析的函数或方法组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58797925/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com