问题

微信开发者工具预览小程序，报如下错误：

image.png

原因

项目代码中有变量用require命名，启动代码保护时有可能会出错，在“预览”时会出错。官方文档也有提到：前往官方文档

代码保护

开启此选项，开发者工具会尝试对项目代码进行保护，主要是对文件进行扁平化处理并替换 require 引用的文件名，以下情况不适合使用此功能

1. 对于小程序只有简单页面的情况下，开启此功能效果不佳
2. 有文件超过 500kb，且其中有使用 require 引用项目中的文件的情况，在运行时可能会报文件没有找到
3. 动态引用的情况，如 var a = 'somefile.js'; require(a);
4. 将 require 函数赋值给其他变量的情况，如 var a = require; a('somefile.js');
5. 将 require 作为二元运算符的参数的情况，如 require + 1;
6. 使用 ... 运算符且未开启 ES6 转 ES5 的情况

解决

• 解决方案一：把项目js文件中的require变量名修改成其它名称

• 解决方案二：取消“上传时进行代码保护”选项的勾选