当前位置: 首页 > 知识库问答 >
问题:

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

锺伟志
2023-03-14

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

我是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个答案

洪伟彦
2023-03-14

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

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

npm install

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

npm run dev
 类似资料:
  • 问题内容: 我正在尝试使应用程序可以使用angular 1.5.0-beta.2 要制定“指令”,我需要以下代码: 我喜欢模板的想法,返回一个能够访问功能和但我如何结合这与templateUrl? 问题答案: 在1.5.0-beta.2中可以是由注入器调用的函数。和 注入到两个和功能中,以及任何其他依赖关系。 这意味着 可以代替。

  • 问题内容: 嘿,我目前正在学习Java final,但我被一个简单的方法迷住了。 给出的问题是 “给出以下数组声明,以下内容将打印出来” 我以为会是对,错,是,但是在复制并粘贴代码后,发现答案是错,错,是。 我知道只有当它们是对象的相同实例时,才有效,但是我不明白为什么first on是false。我尝试在数组api中找到该方法,但找不到具有相同参数的方法。 如果这很明显,请原谅我,我在过去的几个

  • 嗨,我是java初学者,正在使用GridBagLayout制作小型GUI。请参阅附带的代码和输出。我想要的是按照gridx和gridy中分配的位置将JButtons放置在左上角。但它把组件放在中心,而不是像预期的左上角,如果我使用插图,gridx/Gridy所有的工作,但不是从适当的坐标,所以请看附上的代码和图像,并指导我关于它 输出:想要左上角的按钮,请指点

  • 我对camel-jpa组件中的“maxMessagesPerPoll”的理解是,当我设置“maxMessagesPerPoll=4”时,每个投票将获取4条记录。但不是每个投票相同的4条记录。我应该得到下4套记录。 但是当我把参数设置为4时,我总是得到相同的前4条记录。如何获得每次投票的下一组后续记录。 这背后的想法——我想分批处理REORD,而不是同时处理所有数据。 只是想有可滚动的-有点。 如何

  • 所以我在刀片文件中有一个vue组件(我使用laravel),该组件显示所有带有v的图像,用于使用axios获取的数据,而第二个组件仅显示一个带有通过道具传递的数据的图像。我的问题是v-img中的src(我也使用vuetify)在第一个组件中工作,但在第二个组件中不工作,即使链接是相同的,并且两个组件都在位于同一文件夹中的刀片文件中调用:显示所有图像刀片文件: 显示图像vue文件: 显示单个图像刀片

  • 问题内容: 与其在类中编写组件,不如使用函数语法。 如何覆盖,内部功能部件? 可能吗 问题答案: 编辑: 通过引入,可以实现生命周期的行为以及功能组件中的状态。目前 挂钩是一项新的功能建议,使您无需编写类即可使用状态和其他React功能。它们作为 v16.8.0* 的一部分在React中发布 * 钩子可用于复制生命周期行为,并可用于将状态存储在功能组件中。 基本语法: 您可以在钩子中实现用例 还可