dcloud,hbuilderX开发uni-app第一天踩坑记录

HBuilder 发布时间：2019-10-28 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了dcloud,hbuilderX开发uni-app第一天踩坑记录，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

其实大部分坑在 uni-app在官网都有介绍具体位置在模块

官方文档中总结了很多坑，但我只说一下我今天遇到的：

始用过滤器时：

{{talk.date|formatTimE}}

始用uni-app:

uni.request({
        url: 'http://localhost:8088/talk/queryList',//仅为示例，并非真实接口地址。
        success: (res) => {
            this.talkList = res.data
            this.talkList.forEach(item => item.date = this.formatTime(item.datE))
        }
    })

坑2:

uni-app中this.$store为undefind,必须要在main.js中加入这行代码

Vue.prototype.$store = store

详细配置可点击标题连接，uni-app有详细说明，与普通vue项目不同的只是多了上面这行代码

坑3:

之前我的iconfont.css是从下载到本地的，但是uni-app不支持本地iconfont.css，报错

00:42:22.580 Module build failed: ModuleNotFoundError: Module not found: Error: Can't resolve './iconfont.eot?t=1521557349802' in 'D:\workspace\appProjects\uniQingchi\pages\index'
00:42:22.592     at factoryCallback (D:\app\HBuilderX\plugins\uniapp\node_modules\webpack\lib\Compilation.js:264:39)
00:42:22.592     at factory (D:\app\HBuilderX\plugins\uniapp\node_modules\webpack\lib\NormalModuleFactory.js:247:20)
00:42:22.603     at resolver (D:\app\HBuilderX\plugins\uniapp\node_modules\webpack\lib\NormalModuleFactory.js:65:21)
00:42:22.613     at asyncLib.parallel (D:\app\HBuilderX\plugins\uniapp\node_modules\webpack\lib\NormalModuleFactory.js:138:21)

后来看了官网知道了微信小程序不支持本地图标，

解决方案：从获取在线连接

title="clipboard.png">

可以点击Unicode旁边的Font class然后点开里面的网址，将展示的内容替换本地的css就好了

坑4：http://uniapp.dcloud.io/matter">普通vue项目代码粘过来改动很大，不支持html原生标签，类似微信小程序

而且目前uni-app 标签很少，组件也很少， uni-app中的view标签相当于html中的div或者p标签，text标签相当于p标签，
我今天只用了三个标签 button,view,image
贴一个官方的代码你们自己感受一下全是一色的view标签:

title="clipboard.png">

大佬总结

以上是大佬教程为你收集整理的dcloud,hbuilderX开发uni-app第一天踩坑记录全部内容，希望文章能够帮你解决dcloud,hbuilderX开发uni-app第一天踩坑记录所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：dcloud