[Vue warn]: Failed to resolve component: u-icon If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
时间: 2023-09-22 19:07:37 浏览: 291
Vue.js报错Failed to resolve filter问题的解决方法
5星 · 资源好评率100%
这个警告是因为 Vue.js 无法找到名为 "u-icon" 的组件。有两种可能的原因:
1. 您没有在 Vue 实例或组件中引入名为 "u-icon" 的组件。您需要在组件或模板中将其注册为局部或全局组件。例如:
```
// 局部注册
components: {
'u-icon': YourIconComponent
}
// 全局注册
Vue.component('u-icon', YourIconComponent)
```
2. "u-icon" 可能是一个自定义元素,而不是一个 Vue 组件。如果您确定它是一个自定义元素,而不是一个 Vue 组件,则可以通过将 `isCustomElement` 选项设置为 `tag => tag === 'u-icon'` 来告诉 Vue 忽略它的解析。例如:
```
const app = createApp({
// ...
}, {
compilerOptions: {
isCustomElement: tag => tag === 'u-icon'
}
})
```
希望这可以帮助您解决问题!
阅读全文