laravel - VUEJS - 未知的自定义元素:- 您是否正确注册了组件?
问题描述
我在app.js中声明了我的组件,如下所示:
window.Vue = require('vue');
import ExampleComponent from "./components/ExampleComponent";
new Vue({
el: '#app',
components:{
'example':ExampleComponent
}
});
来自Laravel的示例组件
<template>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">Example Component</div>
<div class="card-body">
I'm an example component.
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name:'example',
mounted() {
console.log('Component mounted.')
}
}
</script>
该组件也有“名称”选项。但我仍然在标题 error_message中有错误消息
我遇到的错误:
app.js:158231 [Vue warn]: Unknown custom element: <example> - did you
register the component correctly? For recursive components, make sure to
provide the "name" option.(found in <Root>)
而这其中奇怪的部分是组件显示正常。我是vuejs的新手,可能错过了一些东西。
谢谢您的帮助。
解决方案
尝试这个 :
window.Vue = require('vue');
import ExampleComponent from "./components/ExampleComponent";
new Vue({
el: '#app',
components:{
ExampleComponent
}
});
在您的 html 中,使用您在编写 ExampleComponent 时使用的任何名称,如下所示:
<example-component></example-component>
推荐阅读
- minecraft - 我的 minecraft 插件在启动期间出现此错误
- authentication - Istio 和 Hashicorp Vault:使用 SPIFFE 对 Vault 进行身份验证
- c - 控制的解析器是每个 { 关闭并匹配最接近的
- python - 作为 LSTM 单元的音频帧数
- javascript - 完成后(或加载数组中的项目后)如何运行函数?
- java - setOnClickListener 不适用于膨胀布局
- javascript - 将目录内容转换为json文件
- operating-system - 无操作系统电脑上的 C++ 程序
- python - 当我尝试使用参数测试我的代码时,我正在努力从我的函数中删除此错误
- php - 使用 PHP curl 将文件发送到 WebDav 服务器