按照uni-app示例项目引入组件报错

按照uni-app示例项目引入组件报错

ec607e3b7db43aa210324fc952957cde.png

96992266e637c43f2feb7dc609c4de13.png

uni-app+vue3引入组件报错，下载案例vue3却能正常运行，这是为什么


更多关于按照uni-app示例项目引入组件报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于按照uni-app示例项目引入组件报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


根据截图分析，这个问题通常是由于组件引入方式不正确导致的。在uni-app+vue3项目中，需要注意以下几点：

  1. 组件引入路径问题：确保路径正确，建议使用相对路径./components/xxx或@/components/xxx

  2. Vue3组件注册方式：在vue3中，全局组件注册方式与vue2不同，应该使用：

import { createApp } from 'vue'
const app = createApp(App)
app.component('component-name', Component)
  1. 局部组件注册：在vue3单文件组件中，应该这样引入：
<script setup>
import Component from '@/components/Component.vue'
</script>
回到顶部