微信小程序局部编译

Ⅰ 如何用TypeScript开发微信小程序

方法步骤如下：

1、工具需求

（1）TypeScript

2、利用TypeScript开发微信小程序需要4个核心文件如下

（1）App：代码整个应用程序的抽象对象，可以设置全局的方法和变量

（2）Page： 页面抽象对象，承载页面业务逻辑

（3）WXML： 页面的结构，相当于html

（4）JSON： 配置文件

（5）WXSS： 页面的样式，相当于css

3、然后由于目前腾讯没有小程序的TypeScript版本的API，所以OneCode team针对目前腾讯放出的所有的小程序JavaScript API开发了一个TypeScript版本的API类型定义文件wxAPI.d.ts，如图。

（1）最后只需要在程序中引用该文件，如果是使用Visual Studio来开发的话，就能有代码提示了

Ⅱ 微信小程序编译时电脑出现蓝屏怎么解决

蓝屏的原因往往集中在不兼容的硬件和驱动程序、有问题的软件、病毒等。解决办法：
A、病毒的原因。使用腾讯电脑管家——病毒查杀。
B、
内存的原因。用橡皮擦把内存条的金手指擦拭一下，把氧化层擦掉，确保内存条安装、运行正常。
C、
机箱不清洁.CPU风扇积灰太多不能正常运行,造成CPU温度过高，用毛刷、电吹风将机箱内壁、CPU风扇、显卡风扇、主板上的积灰都清理一遍。
D、也有一种可能就是系统的不稳定,这时需要把电脑重启按F8进入启动菜单项,选择"启动到最后一次正确配置"。

Ⅲ 小程序编译的时候有报错登录之后就没有了

小程序开发过程中会出现错误，本文总结了一些微信小程序开发常见的错误以及解决方法，能帮助初学者少走弯路
不管是什么样的开发语言都有一套规则，不管是开发网页，APP还是小程序，开发过程中也都会出现错误，作为开发者，出现bug是一件很打击自信同时影响心情的事，出现开发错误就意味着开发者不得不花费额外的时间去找到问题解决。本文总结了一些微信小程序开发常见的错误以及解决方法，能帮助初学者少走弯路，避免类似的错误。

1：出现“Expecting ‘String，‘Number，‘NULL，‘True....’”’’的错误提示。
微信小程序开发常见错误解决方法
解决方法：这个错误的原因在于index.json(对应页面的json文件 )里没有加入{ }。即使json文件里没有任何内容，也需要加入一个{ }，作为默认代码。此外，json文件不允许出现注释代码，如果有注释的代码，同样会报这个错误。

2：出现“脚本错误或者未正确调用Page（）”的错误提示。
微信小程序开发常见错误解决方法
解决方法：出现这个错误的原因通常是因为index.js (即对应页面的js文件)里，没有调用Page方法。即使js文件里没有任何代码，也需弊亮要在js里添加一个空的 Page（{ }）。注意Page的P要大写。

3： 出现“ Failed to load image http://xxx xxxxx:the server responded with a status of 404 (HTTP/1.1 404 Not Found) From server 127.0.0.1”
解决方法：出现这种错误，通常是由于图片的路径不对而引起的。若是外网的图片，就是你外网的图片url错了（因为它没有相对和绝对的路径概念）。现在只说说本地的图片路径问题。有这么一种情况，如果图片路径被写在一个A.js文件里，而B.js文件引用了A.js，此时图片的路径必须是相对于B.js的相对路径。建议最好在公共的js文件里使用绝对路径。

4：出现警告信息“Now you can provide attr wx:keyfor a wx:for to improve performance”的问题。
微信小程序开发常见错误解决方法
解决方法：首先，这只是一个警告信息，不是错误信息，不理他不会对程序运行有任何的影响。官方文档原话：如不提供 wx:key，会报一个 warning， 如果明确知道该列表是静态，或者不必关注其顺序，可以选择忽略。如果你一定想去掉这个警告，可以在wx：for的组件属性里增加一个 wx:key=unique，unique请替换成数据绑定列表里的任意一个字段的字段名，比如文章列表数据中的字段“postId”，即wx:key=postId。不建议使用wx:key=*this。其实wx：key用来对列表渲染的数据指定一个主键”，以加快列表渲染的速度。
5：小程序如何快速创建页面文件？
解决方法：微信小程序官方文档并没有给出一次创建四种类型页面文件的方法。但在实际开发过程中有人发现了快速创建四个文件的方法。步骤：在app.json文件下pages数组里，添加一个页面的路径，如果这个路径指向的是一个不存在的文件，那么MINA框架会自动创建这个页面的四个文件。我们可以试一下，在app.json文件的pages数组里添加一项 “pages/demo/demo”，然后保存项目，用这轮没种方式创建文件不仅快捷，而且页面文件会自动添加一些默认腊卜纳代码，防止出错。

Ⅳ 微信小程序出现编译.wxml文件错误，错误信息...

相信出这个错误的时候，很多朋友都是摸不着头脑，其实这个是微信小程序开发工具的bug。

当我们右键创建一个目录并创建页面时，开发工具会自动帮我们在app.json文件中pages下创建一个路径配置

如下图：

然后这个时候我们编译，小程序开发工具会给我报出如下错误：

出现这个问题的原因在于第一张图中自动生成的路径多了一个“/”，也就是“/pages/home/home”多了一个“/”，我们只需要将“/”去掉即可。

Ⅳ 微信小程序开发工具怎么用 小程序开发工具使用方法

1、首先要下载微信官方的微信Web开发者工具。打开微信公众平台（mp.weixin.qq.com），找到右下方的小程序模块，点击“开发”按钮；
2、点击顶部导航栏的“工具”按钮，在新页面的左侧栏中找到“下载”。可以看到，开发工具提供 Windows 32 位、Windows 64 位和 Mac 三个版本。可根据实际情况，选择适合自己电脑的开发工具。
3、安装后，就可以直接启动开发者工具。如果是首次启动开发者工具，需要使用开发者的微信号扫码登录。登陆后，点击“添加项目”按钮，填写 AppID（如果没有，则点击无 AppID）和项目名称。接着，在项目目录中点击“选择”，新建一个文件夹作为新的项目目录。然后再次点击“添加项目”，就可以新建出一个微信小程序项目了。
4、微信开发者工具共分成“编辑”、“调试”和“项目”三个部分。
编辑：编辑和修改小程序的代码。
调试：显示小程序代码错误和警告，便于调试代码错误。
项目：用于查看小程序的属性、修改小程序配置，以及提交小程序代码至微信服务器。
5、懂技术的程序员到这一步就可以自己开发了。而不懂编程的小白，可以登录微信小程序制作平台“即速应用”官方网站www.jisuapp.cn进行小程序的制作。里面有大量的小程序模板，根据自己的需求选择一个模板进行制作即可。
开发工具还提供简单的模拟器（页面左侧），开发者可以使用模拟器在电脑上模拟用户点击及使用，提供后台情况模拟、多媒体播放器调试、缓存数据处理等功能
6、制作完成后，点击“生成”按钮。然后选择“小程序打包”，下载小程序的标准代码包。
7、回到在微信Web开发工具中，在“项目目录”这一栏选择下载好的代码包，打开后就可以看到小程序的预览效果了。
8、在“项目”页面中，开发者可以查看小程序的基本属性，也可以进行真机预览调试，或向微信服务器提交一个新版本的小程序代码。服务器收到代码后，管理员就可以通过公众平台，将新版本提交审核了。