问题
微信开发者工具预览小程序,报如下错误:
image.png
原因
项目代码中有变量用require命名,启动代码保护时有可能会出错,在“预览”时会出错。官方文档也有提到:前往官方文档
代码保护
开启此选项,开发者工具会尝试对项目代码进行保护,主要是对文件进行扁平化处理并替换
require
引用的文件名,以下情况不适合使用此功能
- 对于小程序只有简单页面的情况下,开启此功能效果不佳
- 有文件超过 500kb,且其中有使用
require
引用项目中的文件的情况,在运行时可能会报文件没有找到- 动态引用的情况,如
var a = 'somefile.js'; require(a);
- 将
require
函数赋值给其他变量的情况,如var a = require; a('somefile.js');
- 将
require
作为二元运算符的参数的情况,如require + 1;
- 使用
...
运算符且未开启 ES6 转 ES5 的情况
解决
- 解决方案一:把项目js文件中的
require
变量名修改成其它名称 -
解决方案二:取消“上传时进行代码保护”选项的勾选