微信小程序 构建npm错误 “NPM packages not found”

497 阅读1分钟

最近发现微信小程序项目使用TS进行开发,很多朋友会遇到构建npm错误的问题。

Snipaste_2024-02-02_17-30-16.png

构建npm错误界面: 4c03f198934b0d8f3084067f4f9f42da.jpg

原因可能是因为没有在正确的地方安装依赖。以下是正确的操作步骤:

  1. 在新创建好的项目中,选中“miniprogram”文件夹,然后右键选择“在内建终端中打开”。

0A715EC0-BA52-4d2c-9307-7217696CB19E.png

2.在终端中 输入 npm init -y 初始化,然后会发现 miniprogram文件夹新建了一个 package.json的文件夹。

npm init -y

lQLPKdsQB8LpXt_NAs_NA8Ww5_i3t8MPjXgFq-W2BZU7AA_965_719.png

3.此时保持当前 miniprogram文件夹的路径 安装自己需要的三方库。例如我此时安装的是 tdesign-miniprogram这个小程序UI库。

C7CB0B62-9964-475b-A0FB-6B1A581E7997.png

4.安装完成后,可以点击开发者工具左上角的 工具 - 构建npm 即可完成构建。

C7645721-387D-4c5c-AF7E-BEA61E14046E.png

然后就可以愉快的编码了!

微信图片_20230530144302.jpg