跟着视频课使用Hbuilder开发app, 视频课程是2022年拍摄,使用的是之前的版本,和现在的版本大不相同,于是在调试头部的导航栏(使用模板“uni-nav-bar 自定义导航栏”),拷贝模板代码时和视频课里的很不同,但还好现在的水平能辨识出标签里的属性,调试中有两部分报错:
1. 文件查找失败:'@/uni_modules/components/uni_nav_bar/uni_nav_bar.vue' at pages\tabbar\index\index.vue:9
修改路径中 /uni_nav_bar/uni_nav_bar.vue下划线改成中线“-” /uni-nav-bar/uni-nav-bar.vue,鼠标在@后面输入uni_modules自动出现几个路径可选择。
完成如下:
import uNavBar from '@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-nav-bar.vue'
export default {
data() {
return {
city: '北京'
}
},
methods: {
},
// name: "UniNavBar",
components:
{uNavBar}
}
问题解决,
2.第二次报错是出现如下提示,但编译能成功:
[Vue warn]: Unknown custom element: <uni-section> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
不知道 <uni-section>如何注册,就把 <view>标签中间夹的 <uni-section>删除了。问题解决,不再报错。
关于报错也可参考:如何解决“[Vue warn]: Unknown custom element”错误-Vue.js-PHP中文网