微信小程序手机预览报错，undefined is not an object 真机调试和开发工具都没有问题

小程序手机预览报错，undefined is not an object 真机调试和开发工具都没有问题项目： uniapp项目开发下程序，真机调试和开发工具都没有报错，真机预览报错如下，不能预览解决方式：通过代码排查，发现有2处地方影响，（1）uniapp在scss样式中使用条件编译影响了，要去掉条件编译，放.vue页面编写（2）使用iconfont图标，小程序手机预览不能显示出本地的图标，所以引

qq_15006083

8419人浏览 · 2020-10-14 10:05:13

qq_15006083 · 2020-10-14 10:05:13 发布

小程序手机预览报错，undefined is not an object 真机调试和开发工具都没有问题

项目： uniapp项目开发下程序，真机调试和开发工具都没有报错，真机预览报错如下，不能预览
在这里插入图片描述
解决方式：通过代码排查，发现有2处地方影响，
（1）uniapp在scss样式中使用条件编译影响了，要去掉条件编译，放.vue页面编写

去掉样式文件中的条件编译，改写在。vue页面

（2）使用iconfont图标，小程序手机预览不能显示出本地的图标，所以引入的时候需要通过网上链接来引入图标字体
iconfont，使用网上链接方式引入，不然手机预览解析不了

需要注意的是：手机预览记得要打开调试模式，不然就请求不到ip接口了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^