通过Cli方式创建uni-app常见错误整理
通过Cli方式创建uni-app常见错误整理
文章目录
- 通过Cli方式创建uni-app常见错误整理
- 写在前面
- 错误一 ：exports is not not defined
- 错误二：this.getResolve is not a function
- 错误三：全局配置Vue.config.ignoreElements 后报 uni-* 组件未定义
写在前面
最近将cli版本的uni-app更新到了最新版本，结果更新后引发了一些新的问题，为避免后续再犯同样的错误，特以文字记录。
- 推荐访问我在我来的个人笔记，以获得更好的阅读体验！（无广告！无广告！无广告）
- 笔记地址：通过Cli方式创建uni-app常见错误整理
错误一 ：exports is not not defined
错误描述
exports is not defined错误截图
错误原因
更新uni-app 的时候一并更新了@babel/runtime ，@babel/runtime 更新到了 7.13.x，有较大改动，引起兼容问题。
解决办法
- 回退 @babel/runtime 版本到7.12.0
删除 node_modules 目录和 package-lock.json 文件，在 package.json 文件中增加开发依赖 “@babel/runtime”: “~7.12.0”，执行 npm install 重新安装依赖即可
注释或者删除babel.config.js文件
注释掉babel.config.js 文件中
modules: 'commonjs',语句，代码如下
module.exports = {presets: [['@vue/app',{// modules: 'commonjs', 注释掉该条语句，错误消失。useBuiltIns: process.env.UNI_PLATFORM === 'h5' ? 'usage' : 'entry'}]],plugins
}
- 参考链接
【报Bug】使用cli方式创建的项目本地 运行 报exports is not defined
错误二：this.getResolve is not a function
错误描述
this.getResolve is not a function错误截图
问题原因
node-sass 和sass-loader 版本过高导致编译报错解决办法
回退node-sass 和 sass-loader 到低版本，目前"node-sass": "^4.14.1",和"sass-loader": "^8.0.2"版本正常。回退方法同上，亦可通过npm uninstall卸载后安装指定版本。
错误三：全局配置Vue.config.ignoreElements 后报 uni-* 组件未定义
- 错误描述
因在业务中需要使用微信的开发标签，结果在页面中插入开放标签后Vue控制台报错，Unknown custom element: <wx-open-launch-weapp>通过配置Vue.config.ignoredElements = ["wx-open-launch-weapp"];结果报错Unknown custom element: uni-* - 错误截图
问题原因
通过配置Vue.config.ignoredElements 覆盖了uni-app 的原有配置，因此导致Vue控制台报错找不到自定义组件
解决办法
配置微信开放标签的同时，将uni自定义组件也配置在内
Vue.config.ignoredElements = ["wx-open-launch-weapp", /^uni-/];
// 或： Vue.config.ignoredElements.push("wx-open-launch-weapp");
建议收藏，后续还有相关错误，将同步更新！
通过Cli方式创建uni-app常见错误整理相关推荐
- Visual Studio的正确打开方式|9中种常见错误
文章目录 软件vs2010常见错误 1.vs2010软件编译(Ctrl+F5)一闪而过解决方法 2.无故运行报错 3.Consider using scanf_s instead. To disabl ...
- sql语句创建mysql数据库常见错误以及解决方法
Error Code: 1366. Incorrect string value: '\xE5\xAD\xA6\xE5\xB7\xA5...' 将该表中的每一列的字符集都改为utf-8 ...
- kudu常见错误整理
kudu启动报错: 报错一: Log file created at: 2018/04/02 10:40:33 Running on machine: mrj001 Log line format: ...
- VB速查大全(数据库、表格及报表编程) ★ VB错误处理，ado常见错误，VB数据类型等，网上有很多教程是错的，强烈建议看此文
■ 学新的编程语言先仔细看该语言案例教程或从入门到精通的书.对具体语句.函数及可使用对象不了解或忘记的,可在该编程语言的"参考手册"中检索. <如果资料为电子书时,即使不知道 ...
- python自学日记16——调试(常见错误)
python自学日记16--调试(常见错误) 整理一套错误检查清单将在你未来编程时提供很大的助力. 1.语法错误 语法错误由python在将源代码翻译为字节的过程中产生.例如在def语句的末尾漏电冒号 ...
- 安装解压版本的MySQL，安装过程中的常见命令，检查windows系统错误日志的方式来检查MySQL启动错误，关于Fatal error: Can't open and lock privilege
安装mysql 下载mysql-5.6.26-winx64,并解压到:D:\Installed\mysql-5.6.26-winx64\mysql-5.6.26-winx64 创建data目录 创建m ...
- 【Android 进阶】开发APP常见的错误
科技日益发展,现在创建一款移动App的时间远远的低于以前,这并不稀奇:因为目前超过一半的网络流量都是来源于移动设备.当用户不在电脑旁时,可以通过专用应用程序无缝开始移动体验.令人惋惜的是,许多缺乏经验 ...
- 【转载】Hint的常见错误使用方式
Hint的常见错误使用方式 提起Oracle数据库的Hint,几乎每一个DBA都知道这一强大工具.在Oracle中,Hint可以用来改变SQL的执行计划.固定SQL的执行计划.Oracle数据库内部的 ...
- linux常用命令 和 常见错误解决方式
目录 1.常用命令 1):cd命令集 2):ls查看目录和文件 3):目录操作 4):vim创建/查看/编辑文件 5):删除文件 6):复制和移动文件 7):浏览文件 8):打包解压命令 9):gre ...
最新文章
- arduinows2812灯条程序_Arduino 控制WS2812 LED灯条
- java add offer_图解Java中的5大队列！（干货收藏）
- 计算机创建任务计划,win7系统创建任务计划的方法 如何创建任务计划
- mysql变量string_mysql sql语句有变量 time_t变量转换为string
- matches()方法
- css 奇淫技巧 行内快 父级padding 子级margin 抵消
- vuex commit 模块_Vuex详细介绍
- 1.窗体与界面设计-菜单应用实例
- 安卓自定义view全解：初始化，onDraw函数，onMeasure函数，用户手势事件
- Spring浅入浅出——不吹牛逼不装逼
- 能源路由器 ：分布式智能电网应用的混合通信体系结构
- Java练习题之循环输出数字图形。例如1 22 333 4444 55555每输出一种数字换行。
- 微信小程序登录流程理解
- ADBPGGreenplum 成本优化之磁盘水位管理
- 关于将驱动整合至ESXi镜像过程中的一些小坑
- Flink Event Time , Processing Time 和 Ingestion Time概念
- 一、物流的基本概念|1.2现代物流管理的形成和发展
- 华为HCNA网络技术学习指南-读书笔记
- HUE介绍及使用功能
- 图形学（6）多边形的区域填充