正文：

微信开发者工具 Stable 1.06.2209190

调试基础库版本 Ver 2.25.4

Step0. Nodejs安装完毕，路径：C:\Program Files\nodejs

Step1. Nodejs的Path在环境变量里面设置完成；

Step2. 打开cmd切换路径至项目本目录:

C:\Users\nanoh>cd C:\Users\nanoh\WeChatProjects\SimpleDiary\

Step3:

C:\Users\nanoh\WeChatProjects\SimpleDiary>npm init -y

这一步之后，会在page.json里面写入下面内容了：

Wrote to C:\Users\nanoh\WeChatProjects\SimpleDiary\package.json:


{
  "name": "simplediary",
  "version": "1.0.0",
  "description": "",
  "main": ".eslintrc.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

Step4:

C:\Users\nanoh\WeChatProjects\SimpleDiary>npm install weui-miniprogram

这一步之后，在回到微信开发者工具里面Tool下面去构建npm.这次可以成功，且会创建出新的文件目录如下：

但是，我这个开发者工具还是没出现勾选npm的选型，证实了楼上：煜博 大神的新版本不用勾选的信息；

完整CMD数据：

Microsoft Windows [版本 10.0.22000.978]
(c) Microsoft Corporation。保留所有权利。


C:\Users\nanoh>cd C:\Users\nanoh\WeChatProjects\SimpleDiary\


C:\Users\nanoh\WeChatProjects\SimpleDiary>npm init -y
Wrote to C:\Users\nanoh\WeChatProjects\SimpleDiary\package.json:


{
  "name": "simplediary",
  "version": "1.0.0",
  "description": "",
  "main": ".eslintrc.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}






C:\Users\nanoh\WeChatProjects\SimpleDiary>npm install weui-miniprogram
终止批处理操作吗(Y/N)? y


C:\Users\nanoh\WeChatProjects\SimpleDiary>npm install weui-miniprogram


added 1 package, and audited 2 packages in 2s


found 0 vulnerabilities


C:\Users\nanoh\WeChatProjects\SimpleDiary>

在开发工具中使用某些模版创建的项目，npm的配置文件在根目录中，微信小程序执行"npm构建"是在miniprogram路径下进行，如果miniprogram路径下没有package.json就会构建失败。

解决办法：在miniprogram路径下对该目录进行npm初始化，即： npm init -y 或者复制一份package.json到该目录，然后执行npm install 即可。

原理类似maven中的pom,gradle中的.gradle，没有package.json文件则无法被npm识别

重新打开此项目就行

package.json 里面 name不能是中文，不然构建不成功

详细可以参见：https://mp.weixin.qq.com/s/XoYXMUTIT4fbNOUjdBd8tQ

这种错误是因为初始化小程序的时候没有生成 node_modules 这个目录导致的（不知道为啥小程序开发者工具在初始化的时候不生成这个目录。

node_modules 如何生成呢？

yarn 的话执行 yarn install (在package.json所在的目录下执行这个命令）

npm 的话执行 npm install (在package.json所在的目录下执行这个命令）

然后 重新打开小程序开发者工具，再去点构建npm就可以了。

微信小程序如何在 index.json 引入扩展组件？

扩展组件通过npm安装之后，怎么在项目中使用？

微信小程序通过工具构建npm失败怎么解决？

踩坑总结：https://fifteen718.blog.csdn.net/article/details/138613311

最关键的就是通过开发者工具进入的项目不是mini的根目录，需要cd进入mini然后再执行相关操作

https://blog.csdn.net/qq_43492356/article/details/130863125 这里找到了答案

直接用微信开发者工具打开终端，终端里切换目录到 'miniprogramRoot'，再执行命令：npm init -y 和 npm install express，执行完，不出错的话，可以构建npm了。

1. 在 miniprogramRoot 指定的目录下操作，通常是 miniprogram
2. npm init
3. npm install ... (比如 npm i tdesign-miniprogram -S --production)
4. 工具 -> 构建 npm