详细问题描述

最近想在uni-app中使用 vue-3d-model 来展示3D模型,npm安装包后,在 Chrome 中调试完美运行,但是换到手机端(iOS)j就会报错。

重现步骤

[步骤]

按官网的步骤通过npm安装 vue-3d-model :

npm init -y && npm install vue-3d-model --save

在pages/index/index.vue 中添加测试代码:

import { ModelObj } from 'vue-3d-model';

export default {

data() {

return {

src: 'https://hujiulong.github.io/vue-3d-model/static/models/obj/tree.obj'

}

},

components: {

ModelObj

}

}

[结果]

在Chrome中(H5)调试完美运行:

但是到手机中调试(运行到手机或模拟器,iPhone)时就会报错:

HBuilder调试基座程序可以正常打开,但是页面空白。

关键的那句错误:

Component is not found in path "node-modules/vue-3d-model/dist/vue-3d-model.esm" (using by "pages/index/index");onAppRoute

其中npm包文件夹成了node-modules,而不是一般的node_modules,这里是否有问题?

求解。。。

IDE运行环境说明

[IDE版本号]

HBuilderX 1.9.9.20190522

uni-app运行环境说明

app模式运行,

HBuilderX创建,

自定义组件模式

App运行环境说明

[iOS版本号] 12..2

参考

vue-3d-model 项目:

https://github.com/hujiulong/vue-3d-model

uni-app NPM支持

http://uniapp.dcloud.io/frame?id=npm%E6%94%AF%E6%8C%81

跨域方案:

http://ask.dcloud.net.cn/article/35267

obj模型 vue_uni-app npm 包手机端运行报错(vue-3d-model)相关推荐

  1. Charles抓包手机端app代理服务设置

    第一步:下载安装好Charles: 第二步:Proxy--Proxy settings:设置端口,此处设置8888: 端口下面两个选项都勾选上:点击ok: 第三步:Proxy--SSL Proxyin ...

  2. app小程序手机端Python爬虫实战12实现自动化退出考研帮app并清空缓存

    app小程序手机端Python爬虫实战11实现自动化退出考研帮app并清空缓存 一.捕获安卓吐司的消息 结束安卓的吐司操作: while True:if self.d.toast.get_messag ...

  3. npm install安装失败,报错记录之The operation was rejected by your operating system. node-sass无法安装,且禁用淘宝镜像

    因为公司电脑都由管理员管控,使用自己的账号是无法执行一些需要管理员权限的命令,所以在刚到公司时,使用管理员账号安装了node,配置了node缓存目录node_cache.node_global,以及设 ...

  4. vue-elemnt-admin npm run dev 运行报错

    vue-elemnt-admin npm run dev 运行报错 描述: vue-element-admin 4.4.4 电脑中有之前的vue-element-admin 模板,可以正常的运行,但是 ...

  5. 执行npm run build的时候报错怎么办?

    执行npm run build的时候报错怎么办? [webpack-cli] Invalid configuration object. Webpack has been initialized us ...

  6. npm run serve起项目报错node-sass not find

    npm run serve起项目报错node-sass not find node-sass是开发中比较常见的依赖包,也是最常见见到的报错之一. 由于node-sass与别的依赖包不一样.而node- ...

  7. 解决Sublime包管理package control 报错 There are no packages available for installation

    解决Sublime包管理package control 报错 There are no packages available for installation 真的是哔了狗了,要不是我机智的重新安装了 ...

  8. npm 运行报错“Cannot find module ‘@vue/component-compiler-utils/package.json‘”

    npm 运行报错"Cannot find module '@vue/component-compiler-utils/package.json'"如下: 解决方法:安装@vue/c ...

  9. Log4j2 日志 依赖 jar包 缺失 导致启动报错 解决方法

    Log4j2 日志 依赖 jar包 缺失 导致启动报错 解决方法. 一个Java老项目,更新了日志工具,升级为Log4j2,在引入log4j-api-2.14.0.jar 和log4j-core-2. ...

最新文章

  1. android 图片列表,Android 列表使用(ListView GridView Gallery图片计时滚动)
  2. 【数理知识】《随机过程》方兆本老师-第4章-平稳过程
  3. mysql查看已打开文件数_MySQL如何计算打开文件数_MySQL
  4. JAVA国际化输出日期格式
  5. ASP.NET Core 防止跨站请求伪造(XSRF\/CSRF)攻击
  6. 函数read、write、lseek
  7. mysql查询去年本月的数据_MySQL查询本周、上周、本月、上个月份数据的sql代码...
  8. 机器学习recall含义_机器学习的业务含义
  9. 路由器三种口令的设置
  10. Netty 的基本简单实例【服务端-客户端通信】
  11. 理财里的封闭和半开放是啥意思?
  12. SQL Server 2005 中的客户端 XML 处理
  13. Java SE作业:判断一个字符串是否是视频文件
  14. 基础物理-物质的组成
  15. php 转换带声调的字幕,PHP 汉字、拼音、unicode、声母、韵母互相转换
  16. 数据库索引的填充因子
  17. 国内科技巨头的区块链布局:BAT多领域布局,迅雷领跑主链
  18. 盘点中美自动驾驶卡车领域公司, 先进的技术和落地的场景
  19. 小程序转发二维码携带参数不生效的问题
  20. 无人驾驶小车调试笔记(三)--小车启动及初始化设置

热门文章

  1. 黑群晖给局域网电脑发消息_老电脑搭建家用NAS,省钱又好用
  2. efi引导文件_你们心心念念的oc通用EFI来了!
  3. linux手动安装mysql8.16,MySQL8.0.16-linux-x64安装介绍(binary package)
  4. Python 竟能绘制如此酷炫的三维图
  5. python开发之路---第二章之--函数之匿名函数
  6. webserver 交互方式说明
  7. php命名规则几点内容
  8. 博客迁移到github
  9. BZOJ 1016: [JSOI2008]最小生成树计数( kruskal + dfs )
  10. linux文件比较,合并,查找重复行