使用 TypeScript 开发微信小程序的前序准备与报错解决

2024-11-05
来源:网络整理

前言

现在我收到了一个小程序的修改请求。由于我的使用经验,希望以后开发语言能够统一,降低开发成本,所以想用它来开发。

开发前的准备工作

首先查看官网,在微信小程序的官方开发文档中找到相关的支持介绍。

微信官网说明

为 TS 创建示例项目

选择“创建通用快速入门模板()”,如下图

创建项目

创建完成后如下图所示

开发小程序一般用什么开发工具_开发小软件用什么语言_小程序开发后怎么用

项目截图

可以看到预览页面与普通小程序模板类似。也是一个页面+Log页面。区别在于:

如果TS文件较多,则需要点击

然后我们点击编译试试

哎呀!报告了一个错误

错误信息

那么原因是什么呢?

其实是因为环境没有安装好。

我们可以通过运行以下命令来解决这个问题

开发小程序一般用什么开发工具_小程序开发后怎么用_开发小软件用什么语言

npm-g

再次点击,成功!

使用

如果要写小程序,最麻烦的问题就是提示符。毕竟,在没有代码提示的情况下编写代码真的很糟糕!!!!

网上很多文章推荐了MS的demo。然而,该演示的一个大问题是它的时效性。无法使用小程序基础库版本进行升级。现在腾讯已经正式开始维护.d.ts文件。使用以下命令来安装它。能。

只需安装它即可。

npm-ap

最后希望大家多看官方文档。官方微信小程序还是提供了很多好东西。我推荐微信小程序团队的项目:

写在最后

如果您遇到如下图的问题,请参考我的另一篇文章

分享