obj模型 vue_uni-app npm 包手机端运行报错(vue-3d-model)
详细问题描述
最近想在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)相关推荐
- Charles抓包手机端app代理服务设置
第一步:下载安装好Charles: 第二步:Proxy--Proxy settings:设置端口,此处设置8888: 端口下面两个选项都勾选上:点击ok: 第三步:Proxy--SSL Proxyin ...
- app小程序手机端Python爬虫实战12实现自动化退出考研帮app并清空缓存
app小程序手机端Python爬虫实战11实现自动化退出考研帮app并清空缓存 一.捕获安卓吐司的消息 结束安卓的吐司操作: while True:if self.d.toast.get_messag ...
- npm install安装失败,报错记录之The operation was rejected by your operating system. node-sass无法安装,且禁用淘宝镜像
因为公司电脑都由管理员管控,使用自己的账号是无法执行一些需要管理员权限的命令,所以在刚到公司时,使用管理员账号安装了node,配置了node缓存目录node_cache.node_global,以及设 ...
- vue-elemnt-admin npm run dev 运行报错
vue-elemnt-admin npm run dev 运行报错 描述: vue-element-admin 4.4.4 电脑中有之前的vue-element-admin 模板,可以正常的运行,但是 ...
- 执行npm run build的时候报错怎么办?
执行npm run build的时候报错怎么办? [webpack-cli] Invalid configuration object. Webpack has been initialized us ...
- npm run serve起项目报错node-sass not find
npm run serve起项目报错node-sass not find node-sass是开发中比较常见的依赖包,也是最常见见到的报错之一. 由于node-sass与别的依赖包不一样.而node- ...
- 解决Sublime包管理package control 报错 There are no packages available for installation
解决Sublime包管理package control 报错 There are no packages available for installation 真的是哔了狗了,要不是我机智的重新安装了 ...
- npm 运行报错“Cannot find module ‘@vue/component-compiler-utils/package.json‘”
npm 运行报错"Cannot find module '@vue/component-compiler-utils/package.json'"如下: 解决方法:安装@vue/c ...
- Log4j2 日志 依赖 jar包 缺失 导致启动报错 解决方法
Log4j2 日志 依赖 jar包 缺失 导致启动报错 解决方法. 一个Java老项目,更新了日志工具,升级为Log4j2,在引入log4j-api-2.14.0.jar 和log4j-core-2. ...
最新文章
- android 图片列表,Android 列表使用(ListView GridView Gallery图片计时滚动)
- 【数理知识】《随机过程》方兆本老师-第4章-平稳过程
- mysql查看已打开文件数_MySQL如何计算打开文件数_MySQL
- JAVA国际化输出日期格式
- ASP.NET Core 防止跨站请求伪造(XSRF\/CSRF)攻击
- 函数read、write、lseek
- mysql查询去年本月的数据_MySQL查询本周、上周、本月、上个月份数据的sql代码...
- 机器学习recall含义_机器学习的业务含义
- 路由器三种口令的设置
- Netty 的基本简单实例【服务端-客户端通信】
- 理财里的封闭和半开放是啥意思?
- SQL Server 2005 中的客户端 XML 处理
- Java SE作业:判断一个字符串是否是视频文件
- 基础物理-物质的组成
- php 转换带声调的字幕,PHP 汉字、拼音、unicode、声母、韵母互相转换
- 数据库索引的填充因子
- 国内科技巨头的区块链布局:BAT多领域布局,迅雷领跑主链
- 盘点中美自动驾驶卡车领域公司, 先进的技术和落地的场景
- 小程序转发二维码携带参数不生效的问题
- 无人驾驶小车调试笔记(三)--小车启动及初始化设置
热门文章
- 黑群晖给局域网电脑发消息_老电脑搭建家用NAS,省钱又好用
- efi引导文件_你们心心念念的oc通用EFI来了!
- linux手动安装mysql8.16,MySQL8.0.16-linux-x64安装介绍(binary package)
- Python 竟能绘制如此酷炫的三维图
- python开发之路---第二章之--函数之匿名函数
- webserver 交互方式说明
- php命名规则几点内容
- 博客迁移到github
- BZOJ 1016: [JSOI2008]最小生成树计数( kruskal + dfs )
- linux文件比较,合并,查找重复行