微信小程序局部編譯

Ⅰ 如何用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、在「項目」頁面中，開發者可以查看小程序的基本屬性，也可以進行真機預覽調試，或向微信伺服器提交一個新版本的小程序代碼。伺服器收到代碼後，管理員就可以通過公眾平台，將新版本提交審核了。