Failed to resolve component : component If this is a native custom element , make sure to exclude it from component resolution via
时间: 2023-12-19 20:31:31 浏览: 145
Vue.js报错Failed to resolve filter问题的解决方法
5星 · 资源好评率100%
这个错误通常是由于组件名称拼写错误或组件未被正确导入而引起的。如果组件是自定义元素,则需要在Vue应用程序中将其注册。如果组件是全局组件,则需要在Vue应用程序中将其导入或注册。如果组件是局部组件,则需要在父组件中将其导入或注册。如果您确定组件名称正确且已正确导入或注册,则可能是由于编译器选项未正确配置所致。您可以通过设置compilerOptions.isCustomElement选项来排除自定义元素。例如:
```javascript
// 在Vue应用程序中注册组件
import MyComponent from './MyComponent.vue'
export default {
components: {
MyComponent
}
}
// 或者在全局注册组件
import Vue from 'vue'
import MyComponent from './MyComponent.vue'
Vue.component('my-component', MyComponent)
// 或者在父组件中注册局部组件
import MyComponent from './MyComponent.vue'
export default {
components: {
'my-component': MyComponent
}
}
// 设置compilerOptions.isCustomElement选项
module.exports = {
// ...
compilerOptions: {
isCustomElement: tag => tag.startsWith('my-')
}
}
```
阅读全文